@charset "shift-jis";

/*----------------------------------------------------*/
/* header.css

-solo header
-user header
-admin header
-popup header

------------------------------------------------------*/

#header {
	width:100%;
}

/*----------------------------------------------------*/
/* solo header
------------------------------------------------------*/

#header.solo {
	width:760px;
	margin:0 auto;
	padding:15px 0 0 0;
}


/*----------------------------------------------------*/
/* user header
------------------------------------------------------*/

#header.user div.user_navi_area {
	width:100%;
	background:url(/images_parts/uhead_bg_01.gif) repeat-x left bottom;
}

/* navi_box */

#header.user div.user_navi_area div.navi_box {
	width:970px;
	margin:0 auto;
	padding-top:23px;
	position:relative;
}

#header.user div.navi_box div.logo {
	padding:4px 0 24px;
	float:left;
	width:210px;
}

#header.user div.navi_box p.user {
	float:left;
	padding-left:23px;
	font-weight:bold;
	width:450px;
	height:78px;
}

#header.user div.navi_box p.admin {
	float:left;
	display:inline;
	margin-left:20px;
	padding-left:8px;
	background:url(/images_parts/uhead_icon_01.gif) no-repeat 0 .3em;
}

/* navi_box util */

#header.user div.navi_box div.util {
	float:right;
}

#header.user div.navi_box div.util ul.util {
	margin-bottom:11px;
}

#header.user div.navi_box div.util ul.util li {
	display:inline;
	margin-left:10px;
}

#header.user div.navi_box div.util ul.util li.admin {
	padding-left:8px;
	background:url(/images_parts/uhead_icon_01.gif) no-repeat 0 .3em;
}

#header.user div.navi_box div.util ul.util li.msg {
	background:url(/images_parts/uhead_icon_02.gif) no-repeat 0 0;
	padding-left:18px;
}

#header.user div.navi_box div.util ul.util li.no_msg {
	background: none;
	padding-left:61px;
	height:15px;
}

#header.user div.navi_box div.util ul.util li.logout {
	background:url(/images_parts/uhead_icon_03.gif) no-repeat 0 2px;
	padding:5px 0 0 18px;
}

#header.user div.navi_box div.util p.btn_admin {
	text-align:right;
	padding-bottom:7px;
}

/* user_tab */

#header.user div.navi_box #user_tab {
	position:absolute;
	bottom:0;
	left:229px;
}

* html #header.user div.navi_box #user_tab {
	bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : "-1px");
}

#header.user div.navi_box #user_tab li {
	float:left;
}

#header.user div.navi_box #user_tab li a {
	outline:none;
}

/* user_menu_area */

#header.user div.user_menu_area_container {
	width:100%;
	background:url(/images_parts/uhead_bg_07.gif) repeat-x bottom left;
	padding-bottom:8px;
}

#header.user div.user_menu_area {
	width:100%;
	background:#DFEBF3 url(/images_parts/uhead_bg_02.gif) repeat-x left bottom;
}

/* user_menu_area category_menu */

#header.user div.error_area {
	width:100%;
	background:#FFFFCB url(/images_parts/uhead_bg_06.gif) repeat-x top left;
	padding:10px 0 7px 0;
	border-bottom:1px solid #FFF;
}

#header.user div.error_area div.error_box p{
	text-align:center;
	color:#CC0001;
}

#header.user div.error_area div.error_box p img {
	vertical-align:middle;
	margin-right:6px;
}

/* user_menu_area category_menu */

#header.user div.user_menu_area div.menu_box {
	width:970px;
	margin:0 auto;
}

#header.user div.menu_box #category_menu {
	padding-top:7px;
	float:left;
	width:630px;
	position:relative;
}

#header.user div.menu_box #category_menu ul {
	float:left;
	background:url(/images_parts/uhead_bg_03.gif) repeat-x 0 5px;
	display:none;
}

#header.user div.menu_box #category_menu #cmenu_home {
	background:url(/images_parts/uhead_bg_03.gif) repeat-x 0 5px;
}

#header.user div.menu_box #category_menu li.type2 {	width:134px;}
#header.user div.menu_box #category_menu li.type2  a {	width:134px;}
#header.user div.menu_box #category_menu li.type2.on a {	width:135px;}

#header.user div.menu_box #category_menu li,
#header.user div.menu_box #category_menu #cmenu_home {
	float:left;
	width:104px;
	height:85px;
	position:relative;
	z-index:5;
}

#header.user div.menu_box #category_menu li a,
#header.user div.menu_box #category_menu #cmenu_home a {
	display:block;
	outline:none;
}

#header.user div.menu_box #category_menu li.on a,
#header.user div.menu_box #category_menu #cmenu_home.on a {
	width:105px;
	height:92px;
	position:absolute;
	z-index:10;
	top:0;
	left:0;
}


#header.user div.menu_box #category_menu #cmenu02 li.tray {
	position:absolute;
	right:0;
	width:121px;
}



/* user_menu_area general_menu */

#header.user div.menu_box #general_menu {
	float:right;
	width:335px;
	padding-top:9px;
}

#header.user div.menu_box #general_menu div.check {
	float:left;
	width:91px;
}

#header.user div.menu_box #general_menu div.mymenu {
	float:right;
	width:236px;
	background:#FFF url(/images_parts/uhead_bg_05.gif) no-repeat right 0;
	padding-right:3px;
}

#header.user div.menu_box #general_menu div.mymenu ul {
	background:url(/images_parts/uhead_bg_04.gif) no-repeat 0 0;
	width:236px;
}

#header.user div.menu_box #general_menu div.mymenu ul li {
	float:left;
	padding-left:3px;
}

#header.user div.menu_box #general_menu div.cartonly {
	float:right;
	width:118px;
	background:#FFF url(/images_parts/uhead_bg_05.gif) no-repeat right 0;
	padding-right:3px;
}

#header.user div.menu_box #general_menu div.cartonly ul {
	background:url(/images_parts/uhead_bg_04.gif) no-repeat 0 0;
	width:118px;
}

#header.user div.menu_box #general_menu div.cartonly ul li {
	float:left;
	padding-left:3px;
}

/* user_help */

#header.user .user_help {
	width:970px;
	margin:0 auto;
	padding-top:7px;
	text-align:right;
}

#header.user .user_help a {
	padding:0 0 0 14px;
	background:url(/images_parts/uhead_icon_04.gif) no-repeat 0 0;
}

/* header clearfix */

#header.user div.navi_box:after,
#header.user div.navi_box #user_tab ul:after,
#header.user div.menu_box:after,
#header.user div.menu_box #category_menu:after,
#header.user div.menu_box #general_menu:after,
#header.user div.menu_box #general_menu div.mymenu ul:after {	content:".";	display:block;	clear:both;	height:0;	visibility:hidden;	line-height: 0;}
#header.user div.menu_box #general_menu div.cartonly ul:after {	content:".";	display:block;	clear:both;	height:0;	visibility:hidden;	line-height: 0;}

#header.user div.navi_box,
#header.user div.navi_box #user_tab ul,
#header.user div.menu_box,
#header.user div.menu_box #category_menu,
#header.user div.menu_box #general_menu,
#header.user div.menu_box #general_menu div.mymenu ul { display: inline-block;	min-height: 1%;}
#header.user div.menu_box #general_menu div.cartonly ul { display: inline-block;	min-height: 1%;}

/* Hides from IE-mac \*/
* html #header.user div.navi_box,
* html #header.user div.navi_box #user_tab ul,
* html #header.user div.menu_box
* html #header.user div.menu_box #category_menu,
* html #header.user div.menu_box #general_menu,
* html #header.user div.menu_box #general_menu div.mymenu ul {	height: 1%;}
* html #header.user div.menu_box #general_menu div.cartonly ul {	height: 1%;}

#header.user div.navi_box,
#header.user div.navi_box #user_tab ul,
#header.user div.menu_box,
#header.user div.menu_box #category_menu,
#header.user div.menu_box #general_menu,
#header.user div.menu_box #general_menu div.mymenu ul {	display:block;}
#header.user div.menu_box #general_menu div.cartonly ul {	display:block;}
/* End hide from IE-mac */


/*----------------------------------------------------*/
/* admin header
------------------------------------------------------*/

#header.admin {
	width:100%;
	background:url(/images_parts/head_bg_04.jpg) repeat-x bottom left;
	padding-bottom:8px;
}

#header.admin div.admin_logo_area {
	background:url(/images_parts/head_bg_01.jpg) repeat-x bottom left;
	padding:17px 0 20px 0;
}

#header.admin div.admin_logo_area div.logo_box,
#header.admin div.admin_menu_area div.menu_box,
#header.admin div.error_area div.error_box {
	width:970px;
	margin:0 auto;
	position:relative;
}

#header.admin div.logo_box p.user {
	position:absolute;
	top:20px;
	left:200px;
	font-weight:bold;
}

#header.admin div.admin_menu_area {
	background:#C2D9E7 url(/images_parts/head_bg_02.jpg) repeat-x top left;
	border-bottom:5px solid #FFF;
}

#header.admin div.admin_menu_area table {
	width:970px;
	margin:0 auto;
	padding:0;
	border:0;
}

#header.admin td.check_menu {
	width:177px;
	background:#C2D9E7 url(/images_parts/head_bg_05.jpg) no-repeat bottom left;
	text-align:center;
	padding:10px 0 10px;
}

#header.admin td.main_menu {
	padding:10px 0 7px 0;
	vertical-align:top;
}

#header.admin td.main_menu li {
	padding:0 0 2px 0;
	margin-right:3px;
	float:left;
}

#header.admin td.main_menu li img {
	vertical-align:top;
}

#header.admin div.error_area {
	width:100%;
	background:#FFFFCB url(/images_parts/head_bg_03.jpg) repeat-x top left;
	padding:10px 0 7px 0;
	border-bottom:1px solid #FFF;
}

#header.admin div.error_area div.error_box p{
	text-align:center;
	color:#CC0001;
}

#header.admin div.error_area div.error_box p img {
	vertical-align:middle;
	margin-right:6px;
}

/* popup */

#header.popup div.logo {
	width:640px;
	margin:0 auto;
	padding:20px 20px 10px 20px;
	position:relative;
}

#header.popup550 div.logo {
	width:550px;
	margin:0 auto;
	padding:20px 10px 10px 10px;
	position:relative;
}

#header.popup520 div.logo {
	width:520px;
	margin:0 auto;
	padding:20px 10px 10px 10px;
	position:relative;
}

#header.popup760 div.logo {
	width:760px;
	margin:0 auto;
	padding:20px 0 10px 0;
	position:relative;
}