@charset "utf-8";
/* CSS Document */

/*   STANDARD
----------------------------------------------------------------*/

*{ padding:0; margin:0;}

body{
	font-size:12px;
	font-weight:normal;
	color:#000;
	background:url(../images/body_bg.gif);
	border-top:solid 5px #013d83;
	text-align:center;
}

a{ color:#006699; text-decoration:none;}
a:hover{ text-decoration:underline;}
a:visited{ /*color:#800080;*/}
img{ border:none; vertical-align:bottom;}

h1{
	float:left;
	font-size:10px;
	color:#999;
	position:relative;
	bottom:8px;
}

p{ line-height:1.5em;}

#index .pagetop{
	text-align:left;
}

#index .pagetop li{
	list-style:url(../images/pagetop.gif);
	list-style-position:inside;
}

#index .pagetop li a{
	margin:0 0 0 5px;
}

#other .pagetop{
	clear:both;
	text-align:right;
}

#other .pagetop li{
	list-style:url(../images/pagetop.gif);
	list-style-position:inside;
}

*:first-child + html #other .pagetop{
	clear:both;
	text-align:right;
}

*:first-child + html #other .pagetop li{
	list-style:url(../images/pagetop.gif);
	list-style-position:outside;
}

*:first-child + html #other .pagetop li a{
	position:relative;
	right:5px;
}



/*   LAYOUT
----------------------------------------------------------------*/
#wrap{
	width:880px;
	margin:8px auto 0 auto;
	padding:0 0 20px 0;
	text-align:left;
}

#clearfix{
	width:880px;
	height:15px;
	background:url(../images/wrap_bg3.png) no-repeat;
}

#container{
	width:834px;
	padding:0 23px;
	background:url(../images/wrap_bg2.png) repeat-y;
}

#wrap div#sitetop{
	width:880px;
	height:20px;
	background:url(../images/wrap_bg1.png) no-repeat;
	background-position:top;
	text-align:left;
}

#header{ width:834px;}

#footer{
	padding:20px 0 0 0;
	font-size:11px;
	clear:both;
}

#globalnav{
	width:834px;
	height:35px;
	list-style:none;
}

/* HEADER */
#header div{
	padding:5px 0;
	clear:both;
}

#header #hnav{
	float:right;
	position:relative;
	bottom:8px;
}

#header #hnav li{
	display:inline;
	padding:0 0 0 10px;
}

#header #hnav li a{
	font-size:10px;
	font-weight:bold;
	color:#999;
}

#header #title{
	padding:0 0 0px 25px;
	float:left;
}

#header .h-right{
	float:right;
	position:relative;
	bottom:4px;
}

/* GLOBALNAV */
#globalnav li{
	float:left;
}

/* FOOTER */
#footer #f-smap{
	width:802px;
	height:240px;
	padding:10px 0 0 32px;
	margin:20px 0 10px 0;
	color:#666;
	background:url(../images/footer_bg1.gif) no-repeat;
}

#footer #f-smap a{
	color:#666;
}

#footer #f-smap ul.parent{
	padding:18px 0 0 0;
	margin:0 39px 0 0;
	list-style:none;
	float:left;
}

#footer #f-smap ul.parent-other{
	padding:18px 0 0 5px;
	margin:0;
	list-style:none;
	float:left;
}

#footer #f-smap ul.parent-other li{
	padding:0 0 15px 0;
	font-weight:bold;
}

#footer #f-smap ul.parent li{
	font-weight:bold;
}

#footer #f-smap ul.parent li ul{
	padding:5px 0 0 15px;
	list-style:none;
	font-weight:normal;
}

#footer #f-smap ul.parent li ul li{
	padding:0 0 3px 0;
	font-weight:normal;
}

#footer #f-smap h2{
	font-size:11px;
	font-weight:bold;
}

#footer #copyright{
	width:814px;
	padding:20px 0 0 0;
	background:url(../images/footer_bg2.gif) no-repeat;
	text-align:center;
	line-height:1.5em;
}







/*   LAYOUT(INDEX)
----------------------------------------------------------------*/
/* MAINIMAGE */
#index #mainimage{
	width:834px;
	height:210px;
	padding:10px 0 15px 0;
	clear:both;
}

#index #mainimage #flash{
	width:605px;
	height:210px;
	margin:0 0px 0 0;
	float:left;
}

#index #mainimage #mainright{
	width:219px;
	height:210px;
	float:right;
	background:url(../images/main_bg.gif) no-repeat;
}

#index #mainimage #mainright h2{
	padding:0 0 14px 0;
}

#index #mainimage #mainright ul{
	list-style:none;
	text-align:center;
}

#index #mainimage #mainright ul li{
	padding:0 0 5px 0;
}

#index #ctg-parent{
	width:834px;
	padding:0 0 15px 0;
	float:left;
}

/* CATEGORY */
#index #ctg-parent .section{
	width:201px;
	padding:0 10px 0 0;
	float:left;
	background:url(../images/ctg_parent1_bg02.gif) repeat-y;
	background-position:left;
}

#index #ctg-parent .section h2{
	font-size:11px;

}

#index #ctg-parent .section div{
	width:201px;
	background:url(../images/ctg_parent1_bg01.gif) no-repeat;
	background-position:left bottom;
}

#index #ctg-parent .section div ul{
	padding:5px 0 5px 15px;
}

#index #ctg-parent .section div ul li{
	padding:0 0 0 10px;
	margin:0 0 1px 0;
	list-style-position:outside;
	list-style:none;
	background:url(../images/ctg_child_arrow.gif) no-repeat;
	background-position:left;
}

#index #ctg-parent .section div ul li.none{
	padding:0 0 0 10px;
	margin:0 0 1px 0;
	list-style-position:outside;
	list-style:none;
	background: none;
}

#index #ctg-parent .etc{
	width:201px;
	float:left;
	background:url(../images/ctg_parent2_bg02.gif) repeat-y;
	background-position:left;
}

#index #ctg-parent .etc h2{
	font-size:11px;
}

#index #ctg-parent .etc div{
	width:201px;
	background:url(../images/ctg_parent2_bg01.gif) no-repeat;
	background-position:left bottom;
}

#index #ctg-parent .etc div ul{
	padding:5px 0 5px 15px;
}

#index #ctg-parent .etc div ul li{
	padding:0 0 0 10px;
	margin:0 0 1px 0;
	list-style-position:outside;
	list-style:none;
	background:url(../images/ctg_child_arrow.gif) no-repeat;
	background-position:left;
}

#index #ctg-parent .etc div ul li.none{
	padding:0 0 0 10px;
	margin:0 0 1px 0;
	list-style-position:outside;
	list-style:none;
	background: no-repeat;
	background-position:left;
}

/* CONTENT */
#index #content{
	width:834px;
	float:left;
}

#index #content #leftnav{
	width:219px;
	float:left;
}

#index #content #rightnav{
	width:219px;
	float:right;
}

#index #content #maincol{
	width:376px;
	margin:0 0 0 10px;
	float:left;
}

/* CONTENT(LEFTNAV) */
#index #content #leftnav .section{
	width:219px;
	margin:0 0 10px 0;
	background:url(../images/nav_section_bg2.gif) repeat-y;
	
}

#index #content #leftnav .section div{
	width:199px;
	padding:10px 10px 10px 10px;
	background:url(../images/nav_section_bg1.gif) no-repeat;
	background-position:bottom;
}

#index #content #leftnav .section ul{
	padding:0 0 0 0;
	list-style:none;
	text-align:center;
}

#index #content #leftnav .section ul li{
		padding:0 0 8px 0;
}

#index #content #leftnav .other{
	margin:0 0 10px 0;
	text-align:center;
}

#index #content #leftnav .other ul{
}

#index #content #leftnav .other ul li{
	list-style:none;
	padding:0 0 10px 0;
}

#index #content #leftnav .other ul li.w3c{
	list-style:none;
	padding:5px 0 0 0;
}

#index #content #leftnav .other ul li.p-mark{
	list-style:none;
	padding:5px 0 0 0;
	margin:5px 0 0 0;
}

#index #content #leftnav .other ul li.p-mark img{
	margin:0 0 0 5px;
	float:left;
}

#index #content #leftnav .other ul li.p-mark span{
	width:135px;
	padding:0 0 0 10px;
	display:block;
	float:left;
	font-size:10px;
	line-height:1.5em;
	text-align:left;
}

/* RIGHTNAV */
#index #content #rightnav .section{
	width:219px;
	margin:0 0 10px 0;
	background:url(../images/nav_section_bg2.gif) repeat-y;
}

#index #content #rightnav .section div{
	padding:0px 0 15px 0;
	background:url(../images/nav_section_bg1.gif) no-repeat;
	background-position:bottom;
}

#index #content #rightnav .section div ul{
	width:199px;
	padding:0 10px;
	list-style:none;
}

#index #content #rightnav .section div ul li.other{
	padding:10px 0;
	background:url(../images/sample_thum_border.gif) no-repeat;
	background-position:bottom;
}

#index #content #rightnav .section div ul li.fix{
	padding:10px 0;
}


#index #content #rightnav .section div ul li p{
	padding:10px 0 0 0;
	text-align:center;
}

#index #content #rightnav .section div ul li p.sample_long{
	padding:10px 0 0 0;
	text-align:center;
	font-size:10px;
}

/* MAINCOL */
#index #content #maincol .section{
	width:376px;
	margin:0 0 10px 0;
	background:url(../images/maincol_section_bg2.gif) repeat-y;
}

#index #content #maincol .section div{
	width:356px;
	padding:10px 10px 20px 10px;
	background:url(../images/maincol_section_bg1.gif) no-repeat;
	background-position:bottom;
}

#index #content #maincol .section div ul{}

#index #content #maincol .section div ul li{
	padding:0 0 3px 0;
	margin:0 0 7px 0;
	list-style:none;
	font-weight:bold;
	background:url(../images/maincol_section_border.gif) no-repeat left bottom;
}

#index #content #maincol .section div ul li p{
	margin:0 0 3px 5px;
}

#index #content #maincol .section div ul li ul li{
	padding:0 0 0 10px;
	list-style:none;
	background:url(../images/maincol_section_arrow.gif) no-repeat left top;
	font-weight:normal;
}

#index #content #maincol .section div ul li ul li span{
	letter-spacing:-1px;
}

#index #content #maincol .section div ul li ul li img{
	padding:0 0 0 5px;
	vertical-align:baseline;
}







/*   LAYOUT(OTHER)
----------------------------------------------------------------*/
#other{}

#other #include{
	width:834px;
	margin:20px 0 0 0;
	float:left;
	background:url(../images/other_leftnav_bg2.gif) repeat-y top left;
}

#other #include #content{
	width:834px;
	float:left;
	background:url(../images/other_leftnav_bg3.gif) no-repeat bottom left;
}

#other #include #content #maincol{
	width:613px;
	height:auto;
	padding:20px 0 0 0;
	float:right;
}

#other #include #content #leftnav{
	width:201px;
	float:left;
	background:url(../images/other_leftnav_bg1.gif) no-repeat top left;
}

#other #include #content #leftnav ul{
	width:201px;
	margin:4px 0 0 0;
	background:url(../images/other_leftnav_bg5.gif) repeat-y;
}

#other #include #content #leftnav ul li{
	width:201px;
	height:30px;
	list-style:none;
	background:url(../images/other_leftnav_bg4.gif) no-repeat;
}

#other #include #content #leftnav ul li a{
	width:201px;
	position:relative;
	top:8px;
	left:20px;
}

#other #include #content #leftnav_none{
	width:201px;
	height:20px;
	float:left;
	background:url(../images/other_leftnav_bg6.gif) no-repeat top left;
}

#other #include #content #leftnav_none ul{
	width:201px;
	margin:4px 0 0 0;
	background:url(../images/other_leftnav_bg5.gif) repeat-y;
}

#other #include #content #leftnav_none ul li{
	width:201px;
	height:30px;
	list-style:none;
	background:url(../images/other_leftnav_bg4.gif) no-repeat;
}

#other #include #content #leftnav_none ul li a{
	width:201px;
	position:relative;
	top:8px;
	left:20px;
}

#other #mainimage{
	width:834px;
	padding:10px 0 0 0;
	clear:both;
}

#other #mainimage h2{
	width:834px;
}

#other #pankuzu{
	width:814px;
	height:20px;
	padding:3px 0 0 20px;
	list-style:none;
	font-size:11px;
	background:url(../images/pankuzu_bg.gif) no-repeat;
}

#other #pankuzu li{
	display:inline;
}

#other #pankuzu li span{
	padding:0 2px 0 5px ;
}

*:first-child + html #other #pankuzu{
	width:814px;
	height:20px;
	padding:3px 0 0 20px;
	list-style:none;
	font-size:11px;
	background:url(../images/pankuzu_bg.gif) no-repeat;
}

*:first-child + html #other #pankuzu li{
	display:inline;
}

*:first-child + html #other #pankuzu li span{
	padding:0 2px 0 5px ;
}



/*   汎用
----------------------------------------------------------------*/
.f-left{ float:left;}
.f-right{ float:right;}
.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}
.strong{ font-weight:bold;}
.clear{ clear:both;}
.red{ color:#cc0000;}
/* WIDTH */
.w-10{ width:10px;}
.w-20{ width:20px;}
.w-30{ width:30px;}
.w-40{ width:40px;}
.w-50{ width:50px;}
.w-60{ width:60px;}
.w-70{ width:70px;}
.w-80{ width:80px;}
.w-90{ width:90px;}
.w-100{ width:100px;}
.w-110{ width:110px;}
.w-200{ width:200px;}
.w-210{ width:210px;}
.w-220{ width:220px;}
.w-230{ width:230px;}
.w-240{ width:240px;}
.w-250{ width:250px;}
.w-260{ width:260px;}
.w-270{ width:270px;}
.w-280{ width:280px;}
.w-290{ width:290px;}
.w-300{ width:300px;}
.w-600{ width:600px;}

/* Padding Top */
.pt05{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt45{ padding-top:45px;}
.pt50{ padding-top:50px;}
.pt55{ padding-top:55px;}
.pt60{ padding-top:60px;}
.pt65{ padding-top:65px;}
.pt70{ padding-top:70px;}
.pt75{ padding-top:75px;}
.pt80{ padding-top:80px;}
.pt85{ padding-top:85px;}
.pt90{ padding-top:90px;}
.pt95{ padding-top:95px;}
.pt100{ padding-top:100px;}
/* Padding Bottom */
.pb05{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}
.pb35{ padding-bottom:35px;}
.pb40{ padding-bottom:40px;}
.pb45{ padding-bottom:45px;}
.pb50{ padding-bottom:50px;}
.pb55{ padding-bottom:55px;}
.pb60{ padding-bottom:60px;}
.pb65{ padding-bottom:65px;}
.pb70{ padding-bottom:70px;}
.pb75{ padding-bottom:75px;}
.pb80{ padding-bottom:80px;}
.pb85{ padding-bottom:85px;}
.pb90{ padding-bottom:90px;}
.pb95{ padding-bottom:95px;}
.pb100{ padding-bottom:100px;}
/* Padding Left */
.pl05{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl45{ padding-left:45px;}
.pl50{ padding-left:50px;}
.pl55{ padding-left:55px;}
.pl60{ padding-left:60px;}
.pl65{ padding-left:65px;}
.pl70{ padding-left:70px;}
.pl75{ padding-left:75px;}
.pl80{ padding-left:80px;}
.pl85{ padding-left:85px;}
.pl90{ padding-left:90px;}
.pl95{ padding-left:95px;}
.pl100{ padding-left:100px;}
/* Padding Right */
.pr05{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}
.pr35{ padding-right:35px;}
.pr40{ padding-right:40px;}
.pr45{ padding-right:45px;}
.pr50{ padding-right:50px;}
.pr55{ padding-right:55px;}
.pr60{ padding-right:60px;}
.pr65{ padding-right:65px;}
.pr70{ padding-right:70px;}
.pr75{ padding-right:75px;}
.pr80{ padding-right:80px;}
.pr85{ padding-right:85px;}
.pr90{ padding-right:90px;}
.pr95{ padding-right:95px;}
.pr100{ padding-right:100px;}
/* Margin Top */
.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt50{ margin-top:50px;}
.mt55{ margin-top:55px;}
.mt60{ margin-top:60px;}
.mt65{ margin-top:65px;}
.mt70{ margin-top:70px;}
.mt75{ margin-top:75px;}
.mt80{ margin-top:80px;}
.mt85{ margin-top:85px;}
.mt90{ margin-top:90px;}
.mt95{ margin-top:95px;}
.mt100{ margin-top:100px;}
/* Margin Bottom */
.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb55{ margin-bottom:55px;}
.mb60{ margin-bottom:60px;}
.mb65{ margin-bottom:65px;}
.mb70{ margin-bottom:70px;}
.mb75{ margin-bottom:75px;}
.mb80{ margin-bottom:80px;}
.mb85{ margin-bottom:85px;}
.mb90{ margin-bottom:90px;}
.mb95{ margin-bottom:95px;}
.mb100{ margin-bottom:100px;}
/* Margin Left */
.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml40{ margin-left:40px;}
.ml45{ margin-left:45px;}
.ml50{ margin-left:50px;}
.ml55{ margin-left:55px;}
.ml60{ margin-left:60px;}
.ml65{ margin-left:65px;}
.ml70{ margin-left:70px;}
.ml75{ margin-left:75px;}
.ml80{ margin-left:80px;}
.ml85{ margin-left:85px;}
.ml90{ margin-left:90px;}
.ml95{ margin-left:95px;}
.ml100{ margin-left:100px;}
/* Margin Right */
.mr05{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr35{ margin-right:35px;}
.mr40{ margin-right:40px;}
.mr45{ margin-right:45px;}
.mr50{ margin-right:50px;}
.mr55{ margin-right:55px;}
.mr60{ margin-right:60px;}
.mr65{ margin-right:65px;}
.mr70{ margin-right:70px;}
.mr75{ margin-right:75px;}
.mr80{ margin-right:80px;}
.mr85{ margin-right:85px;}
.mr90{ margin-right:90px;}
.mr95{ margin-right:95px;}
.mr100{ margin-right:100px;}