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

@import url(common.css);


/*
-----------------------------------------------------------------------
Copyright © Pac-ex co Ltd.,All rights reserved.
-----------------------------------------------------------------------
*/




/*
-----------------------------------------------------------------------
main section
-----------------------------------------------------------------------
*/

#contents .section{
	width:680px;
	background:url(../img/index/pb_bgmainbox-b.gif) left bottom no-repeat;
	padding-bottom:15px;
	margin-bottom:10px;
}

#contents .section .mainsec{width:675px;background:url(../img/index/pb_bgmainbox-t.gif) left top no-repeat;padding:9px 0 0 5px;}

#contents .section .glnav{
	width:310px;
	padding-left:4px;
	float:left;
}

#contents .section .glnav li{
	width:153px;
	padding-right:1px;
	float:left;
}

#contents .section .glnav li a{
	display:block;
	height:50px;
	text-indent:-9999px;
}

#contents .section .glnav li#garea a{background:url(../img/index/pb_btnarea.jpg) no-repeat;}
#contents .section .glnav li#gtrain a{background:url(../img/index/pb_btntrain.jpg) no-repeat;}

#contents .section .glnav li#garea a:hover{background:url(../img/index/pb_btnarea.jpg) 0 -50px no-repeat;}
#contents .section .glnav li#gtrain a:hover{background:url(../img/index/pb_btntrain.jpg) 0 -50px no-repeat;}

#contents .section .glsearch{
	width:219px;
	height:39px;
	padding:5px 17px 0 7px;
	background:url(../img/index/pb_bgsearch.jpg) no-repeat;
	float:right;
}

#contents .section .glsearch p{
	width:112px;
	height:16px;
	display:block;
	background:url(../img/index/pb_txtfreeword.gif) no-repeat;
	text-indent:-9999px;
}

#contents .section .glsearch .serdoc{
	width:180px;
	color:#666;
	float:left;
}

#contents .section .glsearch .serbtn{
	width:32px;
	float:right;
}

#contents .section #msec01,
#contents .section #msec02,
#contents .section #msec03{
	clear:both;
}

#contents .section #msec01{
	display:block;
}

#pachi-img{
	display:block;
	width:653px;
	height:193px;
	background:url(../img/index/pb_mainimg.jpg) bottom no-repeat;
	padding:7px 0 0 17px;
}

#pachi-img p{
	width:107px;
	padding:155px 0 0 501px;
}

#pachi-img p a{
	display:block;
	height:20px;
	background:url(../img/index/pb_btnsystem.jpg) right top no-repeat;
	text-indent:-9999em;
}

#pachi-img p a:hover{background-position:0 -20px;}


#contents .section #msec02,
#contents .section #msec03{
}

#contents .section #msec02 #areaselbox01{
	width:650px;
	padding:13px 10px 22px 14px;
	background:url(../img/index/pb_bgmainbox-m.gif) -2px bottom no-repeat;
}

#contents .section #msec02 #areaselbox01 dt{
	display:block;
	width:70px;
	height:17px;
	background:url(../img/index/pb_carea01.gif) left center no-repeat;
	text-indent:-9999px;
	float:left;
}

#contents .section #msec02 #areaselbox01 dd{
	float:left;
}

#contents .section #msec02 #areaselbox01 dd a{
	color:#F60;
	padding:3px;
}

#contents .section #msec02 #areaselbox01 dd a:hover{
	color:#FFF;
	background:#FF9D0B;
	text-decoration:underline;
}

#contents .section #msec02 #areaselbox02{
	clear:both;
	width:650px;
	padding:5px 10px 5px 14px;
}

#contents .section #msec02 #areaselbox02 dt{
	display:block;
	width:84px;
	height:27px;
	background:url(../img/index/pb_carea02.gif) no-repeat;
	text-indent:-9999px;
}

#contents .section #msec02 #areaselbox02 dd{
	padding:0 6px 12px 0;
	color:#666;
	white-space:nowrap;
	float:left;
}

#contents .section #msec02 #areaselbox02 dd a{
	color:#069;
}

#contents .section #msec03 #trainselbox{
	width:650px;
	padding:13px 10px 5px 14px;
}

#contents .section #msec03 #trainselbox dt{
	display:block;
	width:71px;
	height:27px;
	background:url(../img/index/pb_ctrain.gif) no-repeat;
	text-indent:-9999em;
}

#contents .section #msec03 #trainselbox dd{
	padding:0 6px 8px 0;
	color:#666;
	white-space:nowrap;
	float:left;
}

#contents .section #msec03 #trainselbox dd a{
	color:#F70;
	padding:3px;
}

#contents .section #msec03 #trainselbox dd a:hover{
	color:#FFF;
	background:#FF9D0B;
	text-decoration:underline;
}

/*
-----------------------------------------------------------------------
topicsbox
-----------------------------------------------------------------------
*/

#contents #topicsbox{
	clear:both;
	width:680px;
	margin-bottom:12px;
}

#contents #topicsbox h2{
	display:block;
	width:680px;
	height:35px;
	background:url(../img/index/pb_hcond.gif) no-repeat;
	text-indent:-9999px;
}

#contents #topicsbox dl{
	border-top:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	border-left:#CCC 1px solid;
	padding-bottom:10px;
	float:left;
}

#contents #topicsbox dl#lastbox{border-right:#CCC 1px solid;}

#contents #topicsbox dl.w168{width:168px;}
#contents #topicsbox dl.w169{width:169px;}

#contents #topicsbox dt{
	display:block;
	height:41px;
	text-indent:-9999px;
}

#contents #topicsbox dt#cond01{background:url(../img/index/pb_scond01.jpg) bottom no-repeat;}
#contents #topicsbox dt#cond02{background:url(../img/index/pb_scond02.jpg) bottom no-repeat;}
#contents #topicsbox dt#cond03{background:url(../img/index/pb_scond03.jpg) bottom no-repeat;}
#contents #topicsbox dt#cond04{background:url(../img/index/pb_scond04.jpg) bottom no-repeat;}

#contents #topicsbox dd{
	width:150px;
	margin:0 auto;
	padding:10px 0;
	background:url(../img/index/pb_licond.gif) left bottom no-repeat;
}

#contents #topicsbox dd a{
	background:url(../img/index/pb_icncond.gif) left center no-repeat;
	padding-left:14px;
}


/*
-----------------------------------------------------------------------
clear-fix
-----------------------------------------------------------------------
*/

#pagebody:after,
#pagebody #contents:after,
#contents .section .mainsec:after,
#contents .sec01 .mainsec:after,
#contents .sec02 .mainsec:after,
#contents #topicsbox:after,
#contents .section #msec02 #areaselbox01:after{
	content:"";
	display:block;
	clear:both;
	height:0px;
	overflow:hidden;
}