@charset "Shift_JIS";

/*----------------------------------------------------------------
 This file is : CommonStyles
------------------------------------------------------------------
 Please write me styles as frame work +
 ----------------------------------------------------------------
 outline
 
 -common style
 -base
 *each block's style
----------------------------------------------------------------*/

/*----------------------------------------------------------------
 common style
----------------------------------------------------------------*/
* {
	margin				: 0;
	padding				: 0;
}
body,td,th{
	color				: #000;
	font-family			: "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	font-size			: 12px;
	line-height			: 20px;
}
body{
	text-align			: center;
}
a{
	text-decoration		: underline;
	outline				: none;
}
a:hover{
	text-decoration		: none;
}
table{
	border-collapse		: collapse;
	empty-cells			: show;
}
img{
	border				: none;
}
hr.separater{
	display				: none;
}

/*----------------------------------------------------------------
 base
----------------------------------------------------------------*/
#wrap{
	width				: 950px;
	margin				: 0 auto;
	text-align			: left;
	position			: relative;
	background			: url(../image/bg_page.gif) right top repeat-y;
	overflow			: hidden;
}
#header{
	width				: 950px;
	height				: 90px;
	background			: #fff;
	position			: relative;
	overflow			: hidden;
	clear				: both;
	left				: 1px;
}

#sidebar{
	width				: 200px;
	position			: relative;
	float				: right;
	overflow			: hidden;
	text-align			: center;
	padding				: 0 0 30px 0;
}
#contents{
	width				: 750px;
	position			: relative;
	float				: left;
	overflow			: hidden;
}
#main{
	width				: 750px;
	position			: relative;
	overflow			: hidden;
}
#footer{
	width				: 750px;
	position			: relative;
	overflow			: hidden;
}

/*----------------------------------------------------------------
 *header
----------------------------------------------------------------*/
#header .mainlogo{
	position			: absolute;
	left				: 0px;
	top					: 0px;
}
#header h1{
	display				: inline;
}

/*----------------------------------------------------------------
 *sidebar
----------------------------------------------------------------*/
#sidebar .menu{
	width				: 196px;
	background			: url(../image/menu_shadow.gif) 0px 2px repeat-y;
	list-style			: none outside;
	margin				: 5px auto 0;
	position			: relative;
}

#sidebar .menu li{
	background			: url(../image/menu_shadow02.gif) 0px 5px no-repeat;
	width				: 196px;
	padding				: 5px 0 0 0;
	text-align			: center;
	list-style			: none outside;
	position			: relative;
	top					: -2px;
}
#sidebar .menu img{
	vertical-align		: bottom;
}
#sidebar .menu ul{
	width				: 190px;
	margin				: 0 auto;
	padding				: 10px 0;
	list-style			: none outside;
	background			: #fff url(../image/menu_subbg.gif) left top repeat-x;
}
#sidebar .menu ul li{
	width				: 150px;
	text-align			: left;
	position			: static;
	top					: 0px;
	padding				: 0 10px 0 30px;
	background			: url(../image/menu_subicon.gif) 12px 8px no-repeat;
	line-height			: 20px;
}
#sidebar .menu ul li a{
	text-decoration		: none;
	color				: #000;
}
#sidebar .menu ul li a:hover{
	text-decoration		: underline;
}

/*----------------------------------------------------------------
 *footer
----------------------------------------------------------------*/

/*-----------------------------------------------------
 *breadcrumb
-----------------------------------------------------*/
#footer .breadcrumb{
	width				: 750px;
	height				: 30px;
	background			: #F2F2F2;
	border-top			: 1px solid #AAAAAA;
	overflow			: hidden;
	clear				: both;
}
#footer .breadcrumb dt{
	display				: none;
}
#footer .breadcrumb dd{
	font-size			: 10px;
	color				: #4D4D4D;
	line-height			: 10px;
	padding				: 10px;
}
#footer .breadcrumb dd a{
	color				: #4D4D4D;
	text-decoration		: none;
	padding				: 0 0 5px 0;
}
#footer .breadcrumb dd a:hover{
	text-decoration		: none;
}
#footer .breadcrumb dd .home{
	padding				: 10px 0 5px 25px;
	background			: url(../image/pan_home.gif) 0px 6px no-repeat;
}
#footer .breadcrumb dd .gt{
	padding				: 0 5px;
}

/*-----------------------------------------------------
 *menu
-----------------------------------------------------*/
#footer .menu{
	margin				: 5px 0 0 0;
	width				: 300px;
	height				: 20px;
	line-height			: 20px;
	float				: right;
	clear				: both;
	list-style			: none outside;
	color				: #4D4D4D;
	font-size			: 10px;
	text-align			: right;
}
#footer .menu li{
	display				: inline;
	padding				: 0 10px 0 0;
}
#footer .menu li a{
	padding				: 0 0 0 15px;
	background			: url(../image/footer_arrow.gif) 0px 3px no-repeat;
	color				: #4D4D4D;
	text-decoration		: none;
}
#footer .menu li a:hover{
	text-decoration		: none;
	color				: #4D4D4D;
}
/*-----------------------------------------------------
 *links
-----------------------------------------------------*/
#footer .links{
	width				: 400px;
	height				: 50px;
	line-height			: 20px;
	position			: absolute;
	left				: 0px;
	top					: 30px;
	list-style			: none outside;
}
#footer .links li{
	display				: inline;
}
/*-----------------------------------------------------
 *copy
-----------------------------------------------------*/
#footer .copy{
	padding				: 0 10px 0 0;
	width				: 300px;
	height				: 20px;
	line-height			: 20px;
	float				: right;
	clear				: both;
	font-size			: 10px;
	color				: #4D4D4D;
	text-align			: right;
	margin				: 0 0 20px 0;
}