@charset "utf-8";


@import url("parts.css");


/***************************
　　　タグ再定義
***************************/
html,body{margin:0;padding:0; /*overflow-x:hidden;*/}
body{ font-size:62.5%; background:#fff; margin:0; padding:0; color:#333; line-height:1.3; text-align:center;　font-family:Arial, Helvetica, sans-serif;}

img {border:0; vertical-align:bottom; }

h1, h2, h3, h4, h5 { margin:0; padding:0; }
td, th { text-align:left; vertical-align:top;}
li { list-style-type:none;}
label {	margin-right:1em;}
select,input { margin-bottom:3px;}
input{	line-height:normal;}


a { color: #000099; text-decoration: none;}

a:hover , a:active { color: #33B4D1; text-decoration: underline;}


em { font-size:12px; color:#f00; font-style:normal; }


/***************
 
 Common Styles
 
****************/

#container { margin:0 auto; padding:0; width:810px; background:url(../../imgdir/common/bg_all.gif) repeat-y center top; }
#wrapper { margin:0 auto; padding:0; width:800px; font-size:1.1em; text-align:left; }


/***************
 
 Header Styles
 
****************/
#header { margin:0 0 3px 0; padding:0; height:113px; position:relative; }
#header h1 { margin:0; padding:0; font-size:1.2em; font-weight:bold; position:absolute; top:5px; left:0.5em; width:500px; }
#header h2 { margin:0; padding:45px 0 0 0; }

#header ul#header-menu { margin:0; padding:0; position:absolute; top:5px; right:1em; }
#header ul#header-menu li{ margin:0; padding:0 1em; float:left; font-size:1em; text-indent:5px; background:url(../../imgdir/common/ic_arrow01.gif) no-repeat left center; }
#header ul#header-menu li.last-child { padding-right:0; }
#header ul#header-menu li a{ color:#666; text-decoration:none; }
#header ul#header-menu li a:hover{ text-decoration:underline; }

#header ul#header-option { margin:0; padding:0; position:absolute; right:-10px; top:35px;   }
#header ul#header-option li { margin:0 1em 0 0; padding:0; float:left; }

/***************
 
 MainNavigation Styles
 
****************/
#mainnav { margin:0 0 0 0; padding:0 0 0px 0; position:absolute; right:0px; top:80px; }
#mainnav ul { margin:0; padding:0; }
#mainnav li { margin:0; padding:0; float:left; width:120px; height:36px; }
#mainnav li a{ width:120px; height:36px; display:block; position:relative; text-decoration:none; }


#mainnav li#nav01 a span{ background:url(../../imgdir/mainnav/mainnav.gif) no-repeat 0 0px; position:absolute; width:100%; height:100%;  cursor:pointer; }
#mainnav li#nav02 a span{ background:url(../../imgdir/mainnav/mainnav.gif) no-repeat -120px 0px; width:100%; height:100%; position:absolute; cursor:pointer; }
#mainnav li#nav03 a span{ background:url(../../imgdir/mainnav/mainnav.gif) no-repeat -240px 0px; width:100%; height:100%; position:absolute; cursor:pointer; }
#mainnav li#nav04 a span{ background:url(../../imgdir/mainnav/mainnav.gif) no-repeat -360px 0px; width:100%; height:100%; position:absolute; cursor:pointer; }
#mainnav li#nav05 a span{ background:url(../../imgdir/mainnav/mainnav.gif) no-repeat -480px 0px; width:100%; height:100%; position:absolute; cursor:pointer; }


#mainnav li#nav01 a:hover span{ background:url(../../imgdir/mainnav/mainnav.gif) no-repeat 0 -50px; position:absolute; width:100%; height:100%; }
#mainnav li#nav02 a:hover span{ background:url(../../imgdir/mainnav/mainnav.gif) no-repeat -120px -50px; width:100%; height:100%; position:absolute; }
#mainnav li#nav03 a:hover span{ background:url(../../imgdir/mainnav/mainnav.gif) no-repeat -240px -50px; width:100%; height:100%; position:absolute; }
#mainnav li#nav04 a:hover span{ background:url(../../imgdir/mainnav/mainnav.gif) no-repeat -360px -50px; width:100%; height:100%; position:absolute; }
#mainnav li#nav05 a:hover span{ background:url(../../imgdir/mainnav/mainnav.gif) no-repeat -480px -50px; width:100%; height:100%; position:absolute; }





/*ハック開始*/
#page-body { margin:0; padding:5px 15px 0 15px; display:inline-table; min-height:1em; }
#page-body:after { content:""; display:block; clear:both; height:1px;}

/*\*/
* html #page-body { height:1em;}
div#page-body{ display:block; }
/**/

/*ハック終了*/


/***************
 
 Category Menu Styles
 
****************/

/*ハック開始*/
#cat-menu { margin:0 0 1em 0; padding:0 0 0px 0; display:inline-table; min-height:1em; }
#cat-menu:after { content:""; display:block; clear:both; height:1px;}

/*\*/
* html #cat-menu { height:1em;}
div#cat-menu { display:block; }
/**/

/*ハック終了*/
#cat-menu ul { margin:0; padding:0; }
#cat-menu li { margin:0 6px 0 0; padding:0; float:left; width:123px; height:74px; }
#cat-menu li.last-child { margin-right:0; }
#cat-menu li a{ width:123px; height:74px; display:block; position:relative; text-decoration:none; }


#cat-menu li#cnav01 a span{
	background:url(../../imgdir/cat_nav/cat_nav.gif) no-repeat 0 0px;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
	left: -2px;
	top: 2px;
}
#cat-menu li#cnav02 a span{ background:url(../../imgdir/cat_nav/cat_nav.gif) no-repeat -129px 0px; width:100%; height:100%; position:absolute; cursor:pointer; }
#cat-menu li#cnav03 a span{ background:url(../../imgdir/cat_nav/cat_nav.gif) no-repeat -259px 0px; width:100%; height:100%; position:absolute; cursor:pointer; }
#cat-menu li#cnav04 a span{ background:url(../../imgdir/cat_nav/cat_nav.gif) no-repeat -388px 0px; width:100%; height:100%; position:absolute; cursor:pointer; }
#cat-menu li#cnav05 a span{ background:url(../../imgdir/cat_nav/cat_nav.gif) no-repeat -517px 0px; width:100%; height:100%; position:absolute; cursor:pointer; }
#cat-menu li#cnav06 a span{ background:url(../../imgdir/cat_nav/cat_nav.gif) no-repeat -647px 0px; width:100%; height:100%; position:absolute; cursor:pointer; }


#cat-menu li#cnav01 a:hover span{ background:url(../../imgdir/cat_nav/cat_nav.gif) no-repeat 0 -100px; position:absolute; width:100%; height:100%;  cursor:pointer; }
#cat-menu li#cnav02 a:hover span{ background:url(../../imgdir/cat_nav/cat_nav.gif) no-repeat -129px -100px; width:100%; height:100%; position:absolute; cursor:pointer; }
#cat-menu li#cnav03 a:hover span{ background:url(../../imgdir/cat_nav/cat_nav.gif) no-repeat -259px -100px; width:100%; height:100%; position:absolute; cursor:pointer; }
#cat-menu li#cnav04 a:hover span{ background:url(../../imgdir/cat_nav/cat_nav.gif) no-repeat -388px -100px; width:100%; height:100%; position:absolute; cursor:pointer; }
#cat-menu li#cnav05 a:hover span{ background:url(../../imgdir/cat_nav/cat_nav.gif) no-repeat -517px -100px; width:100%; height:100%; position:absolute; cursor:pointer; }
#cat-menu li#cnav06 a:hover span{ background:url(../../imgdir/cat_nav/cat_nav.gif) no-repeat -647px -100px; width:100%; height:100%; position:absolute; cursor:pointer; }




#topics { margin:0 0 1em 0; padding:0.5em 1em; border:1px solid #ccc; }
#topics h3 { margin:0 0 0em 0; padding:0; font-size:1.6em; font-weight:bold; color:#34B3D1; }





#side-bar { width:185px; }
#side-bar .first-child { margin-top:0; }

#content { width:575px; }
#sec-content { width:100%; }
#news { border:1px solid #ccc; }
#news h3, #pick-up h3 { margin:0; padding:0.25em 1em; background:#1D5EA8; color:#fff; font-weight:bold; font-size:1.1em; }
#news p { margin:0.25em 0; padding:0.5em 1em; }

#pick-up { margin:15px 0 0 0; padding:0; }
#pick-up div.module { margin:7px; padding:0; width:170px; float:left; display:inline-table; border:1px solid #fff; min-height:215px; _height:215px; }
#pick-up div.module dl { margin:0; padding:0 10px; background:#F2F2F2; }
#pick-up div.module dl dt { margin:0.25em; padding:0.25em 0; background:url(../../imgdir/common/dot2.gif) repeat-x left bottom; font-weight:bold; color:#000; }
#pick-up div.module dl dd { margin:0; padding:0 0 0 40px; background:url(../../imgdir/common/ic_pickup.gif) no-repeat; min-height:40px; _height:40px; font-size:0.9em;  }

#pick-up div.module dl dd p.show_detail { margin:0 0 5px 0; text-align:right; }


#footer { background:#1D5EA8 url(../../imgdir/footer/copyright.gif) no-repeat right center; height:25px; }
#footer ul { margin:0; padding:7px; }
#footer ul li { float:left; margin:0; padding:0 1em; background:url(../../imgdir/common/ic_arrow02.gif) no-repeat left center; }
#footer ul li a:link, #footer ul li a:visited{ color:#fff; text-decoration:none; }
#footer ul li a:hover{ color:#fff; text-decoration:underline; }