@charset 'UTF-8';

/* ==== Reset CSS ==== */
html,body,div,ul,li,ol,p,a,strong,span.dl,dt,dd,em,table,tr,td,th,h1,h2,h3,h4,h5,h6,address,form,input,textarea,object,embed,param{
	font-family : Helvetica, "MS Pゴシック", "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3", Arial, serif;
	margin : 0;
	padding : 0;
}
body { font-size : 75%;}
/* ==== Reset CSS end ==== */



/* ---- initialize common style ---- */
a img{ border : none;}
.center { text-align : center;}
.right { text-align : right;}
.left { text-align : left;}

p.more {
	height : 25px;
	margin-top : 10px;
}
p.more a{
	background : url(http://www.advance-e.jp/themes/advance_template_e/images/more_marker.gif) left center no-repeat;
	padding-left : 24px;
	padding-top : 3px;
	display  :block;
	height : 21px;
	font-size : 1.1em;
	float : right;
	text-decoration : none;
}
p.more a:hover{
	text-decoration : underline;
}

/* and more... */


/* ---- clearfix ---- */
.clearfix:after{
	content : '';
	display : block;
	height : 0px;
	clear : both;
	visibility : hidden;
}
* html .clearfix{
	clear : both;
	overflow : hidden;
}
*:first-child+html .clearfix{
	clear : both;
	overflow : hidden;
}
/* holly hack*/
 /*\*//*/
  height: auto;
  overflow: hidden;
  /**/

/* -- clearfix end --*/


/* ==== box model layout ==== */
div#header{
	width : 100%;
	height :58px;
	background : #fff url(http://www.advance-e.jp/themes/advance_template_e/images/header_back.jpg) left top repeat-x;
	border-top : solid 6px #006;
}
div#header_inner{
	width : 864px;
	margin : 0 auto;
	position : relative;
}
div#navigation{
	width : 100%;
	hegiht : 37px;
	background : #fff url(http://www.advance-e.jp/themes/advance_template_e/images/navigation_back.jpg) top left repeat-x;
}
div#navigation_inner{
	margin : 0 auto;
	width : 864px;
}
div#mainimage{
	width : 100%;
	min-height  : 237px;
	background : #fff url(http://www.advance-e.jp/themes/advance_template_e/images/mainimage_back.gif) top left repeat-x;
}
* html div#mainimage{ height : 236px;}
div#mainimage div.main_inner{
	width : 864px;
	margin : 0 auto
}
div#mainimage div.main_inner img {
	verticla-align : bottom;
}
div#mainimage p{
	width : 864px;
	margin : 0 auto;
}
div#content_wrapper{
	width : 864px;
	margin : 15px auto 0 auto;
}
div#contents{
	width : 646px;
	float : left;
	display : inline;
}
/* div#contents right_case */
div.contents_right_case{
	float : right !important;
}
div#menu{
	width : 195px;
	float : right;
	display : inline;
}
/* div#menu left case */
div.menu_left_case{
	float : left !important;
}
div#footer{
	width : 864px;
	border-top : solid 1px #006;
	padding-top : 15px;
	margin : 30px auto 0 auto;
	position : relative;
	height : 80px;
}

/* ==== box model end ==== */

/*
*  styles some parts
*/

/* ---- header ---- */
div#header_inner h1{
	position : absolute;
	top : 25px;
	left : 0px;
}
div#header_inner p.multi_lang{
	text-transform : capitalize;
	position : absolute;
	top : 5px;
	right : 0px;
}
div#header_inner p.multi_lang a{
	margin : 0 3px;
	color : #333;
	text-decoration : none;
}
div#header_inner p.multi_lang a:hover{
	text-decoration : underline;
}
div#header_inner form#global_search{
	position : absolute;
	right : 0px;
	top : 30px;
	vertical-align : middle;
}
div#header_inner form#global_search input.query{
	display : inline-block;
	height : 20px;
	width : 170px;
}
* html div#header_inner form#global_search input.query{
	height : 15px;
}
*:first-child+html div#header_inner form#global_search input.query{
	height : 15px;
}
div#header_inner form#global_search input.do_search{
	font-size : 11px;
}
/* ---- header end ---- */

/* ---- navigation ---- */
div#navigation_inner ul#nav_list{
	list-style : none outside;
	text-transform : uppercase;
	width : 861px;
	margin : 0 auto;
	height : 37px;
	padding-left : 3px;
	background : url(http://www.advance-e.jp/themes/advance_template_e/images/navigation_separator.gif) left top no-repeat;
}
ul#nav_list li{
	float : left;
	display : inline;
	height : 37px;
	width : 150px;
	background : url(http://www.advance-e.jp/themes/advance_template_e/images/navigation_separator.gif) right top no-repeat;
	position : relative;
	z-index: 30;
	font-size: 10px;
}
ul#nav_list li ul{
	display : none;
	float : none;
	position : absolute;
	top : 36px;
	left : 0px;
	z-index : 31;
}
* html ul#nav_list li ul {
	top : 37px;
}
*:first-child+html ul#nav_list li ul {
	top : 37px;
}
ul#nav_list li ul li{
	background : none;
	background-color : #fff;
}
ul#nav_list li ul li a{
	background : none;
	font-size : 0.9em;
}
ul#nav_list li.link1{
	width : 111px;
}
/*
ul#nav_list li.link2{
	width : 143px;
}
ul#nav_list li.link3{
	width : 153px;
}
ul#nav_list li.link4{
	width : 144px;
}
ul#nav_list li.link5{
	width : 144px;
}
ul#nav_list li.link6{
	width : 154px;
}
*/
ul#nav_list li a{
	display : block;
	padding : 14px 10px 0px 40px;
	line-height : 1.0;
	background : url(http://www.advance-e.jp/themes/advance_template_e/images/navigation_marker.gif) 10px 8px no-repeat;
	height : 27px;
	font-size : 14px;
	color : #333;
	text-decoration : none;
}
* html ul#nav_list li a{
	padding : 14px 10px 0px 40px;
	height : 25px;
}
*:first-child+html ul#nav_list li a{
	padding : 14px 10px 0px 40px;
	height : 25px;
}
ul#nav_list li a:hover{
	background : url(http://www.advance-e.jp/themes/advance_template_e/images/navigation_list_back2.jpg) top left repeat-x;
	color : #fff;
}
ul#nav_list li.recruit_link a{
	background : url(http://www.advance-e.jp/themes/advance_template_e/images/navigation_list_back_on.jpg) top left repeat-x;
	color : #fff;
}
ul#nav_list li.recruit_link a:hover{
	background : url(http://www.advance-e.jp/themes/advance_template_e/images/navigation_list_back_on2.jpg) top left repeat-x;
}
ul#nav_list li.recruit_link ul li a {
	background-image : none;
	color : #333;
}
ul#nav_list li.recruit_link ul li a:hover {
	color : #fff;
	background : url(http://www.advance-e.jp/themes/advance_template_e/images/navigation_list_back_on.jpg) top left repeat-x;
}
/* ---- navigation end ---- */

/* ---- mainimage ---- */
/* ---- mainimage end ---- */

/* ---- contents ---- */
div#contents h2, div#contents h3{
	width : 648px;
	height : 28px;
	text-align : center;
	padding : 4px 0 0px 0;
	background : #fff url(http://www.advance-e.jp/themes/advance_template_e/images/header_section_bar.jpg) top center no-repeat;
	font-size : 1.3em;
	font-weight : normal;
}
* html div#contents h2, * html div#contents h3{
	padding-top : 6px;
	height : 26px;
}
div#contents h3{
	margin-top : 5px;
}
div#contents ul#products_random{
	list-style : none outside;
	margin-top : 15px;
	margin-left : -40px;
}
*:first-child+ html div#contents ul#products_random{
	overflow-y : hidden;
	height :238px;
	position : relative;
}
* html div#contents ul#products_random{
	overflow-y : hidden;
	height :238px;
	position : relative;
}
div#contents ul#products_random li{
	background : #fff url(http://www.advance-e.jp/themes/advance_template_e/images/product_radius_back.jpg) top left no-repeat;
	width : 184px;
	height : 238px;
	float : left;
	display : inline;
	margin-left : 42px;
	position : relative;
}
* html div#contents ul#products_random li{
	margin-left : 42px;
}
ul#products_random li strong{
	display : block;
	text-align : center;
	color : #fff;
	font-size :14px;
	padding-top : 6px;
}
ul#products_random li.trp {
	opacity : 0;
	filter : alpha(opacity=0);
}
ul#products_random li p{
	width : 180px;
	margin : 30px auto 0 auto;
}
ul#products_random li p img{
	display : block;
	margin : 0 auto;
}
ul#products_random li p span{
	display :block;
	margin-left : 15px;
	color : #fff;
	margin-top : 5px;
}
ul#products_random li p span.line1{
	margin-left : 15px;
}
div.top_wrapper{
	width : 648px;
	margin-top : 20px;
}
div.top_wrapper div.top_left{
	width : 308px;
	float : left;
	display : inline;
}
div.top_left h4.wh_bl{
	width : 308px;
	background : #fff url(http://www.advance-e.jp/themes/advance_template_e/images/blue_radius.gif) top left no-repeat;
	color : #fff;
	padding : 6px 0 0 0;
	height : 24px;
}
h4.wh_bl span{
	border-left : solid 2px #fff;
	margin-left : 15px;
	padding-left : 5px;
}
div.top_wrapper ul{
	list-style : none outside;
}
div.top_wrapper ul li{
	border-bottom : dotted 2px #ccc;
	padding-bottom : 8px;
	width : 308px;
	margin-top : 8px;
	margin-left : 15px;
}
div.top_wrapper ul li em {
	font-style : normal;
}
div.top_left ul li{
	margin-top : 9px;
}
div.top_right{
	width : 323px;
	float : right;
}
div.top_right h4.bl_wh{
	width : 323px;
	background : #fff url(http://www.advance-e.jp/themes/advance_template_e/images/white_radius.jpg) top left no-repeat;
	padding : 6px 0 0 0;
	height : 26px;
}
div.top_right h4.event{
	margin-top : 10px;
}
h4.bl_wh span{
	border-left : solid 2px #006;
	color : #006;
	margin-left : 15px;
	padding-left : 5px;
}
div#contents p.catalog_dl{
	text-align : center;
	margin-top : 30px;
}
div#contents p.catalog_dl a{
	display : block;
	background : url(http://www.advance-e.jp/themes/advance_template_e/images/catalog_download.jpg);
	width : 302px;
	height : 83px;
	margin : 0 auto;
}
div#contents p.catalog_dl a:hover{
	background-position: 0px 83px;
}

/* --- contents full_case ---- */
div#contents_full {
	width : 864px;
	margin : 0 auto;
}
div#contents_full h2{
	width : 864px;
}
div#contents_full h3{
	width : 864px;
}
div#contents_full_h4{
	width : 864px;
}

/* ---- top contents end ---- */
div#menu p a.bl_bottom{
	width : 180px;
	border-top : solid 1px #c8cfd5;
	display : block;
	margin-top : 10px;
	padding-top : 5px;
	padding-left : 15px;
	text-decoration : none;
	padding-bottom : 5px;
}
div#menu p a.gr{
	border-bottom : solid 3px #030;
}
div#menu p a.or{
	border-bottom : solid 3px #c60;
}
div#menu p a.bl_bottom img{
	float : left;
}
div#menu p a.bl_bottom span{
	float : left;
	border-bottom : solid 1px #c8cfd5;
	padding-left : 2px;
	display : block;
	margin-top : 13px;
	margin-left : 3px;
	padding-bottom : 1px;
	color : #003;
}
div#menu p.customer{
	margin-top : 20px;
	text-align : center;
}
div#menu p.customer a {
	display: block;
	background: url(http://www.advance-e.jp/themes/advance_template_e/images/customer.jpg);
	width: 191px;
	height: 45px;
}
div#menu p.customer a:hover {
	background-position: 0px 45px;
}
div#menu h5{
	background : #fff url(http://www.advance-e.jp/themes/advance_template_e/images/menu_products_bg.jpg) top left no-repeat;
	width : 180px;
	color : #fff;
	padding : 7px 0 0 10px;
	font-weight : bold;
	font-size : 1.2em;
	height : 26px;
	margin : 20px auto 0 auto;
}
div#menu ul.sub_products{
	list-style : none outside;
	width : 190px;
	margin : 0 auto;
}
div#menu ul.sub_products li{
	border : solid 1px #d3d3d3;
	padding : 0;
	width : 175px;
	padding : 3px 3px 3px 10px;
}
div#menu ul.sub_products li a{
	display : block;
	background : #fff url(http://www.advance-e.jp/themes/advance_template_e/images/menu_products_list_marker.gif) left center no-repeat;
	padding-left : 15px;
	text-decoration : none;
}
div#menu ul.sub_products li a:hover{
	text-decoration : underline;
}
* html div#menu ul.sub_products li a{
	width : 160px;
	height : 100%;
}
*:first-child+html div#menu ul.sub_products li a{
	width : 160px;
	height : 100%;
}
div#menu p a.or:hover, div#menu p a.or:hover span, div#menu p a.gr:hover, div#menu p a.gr:hover span{
	background-color : #ffc;
}
div#menu p.banner_catalog_dl a{
	display : block;
	background : url(http://www.advance-e.jp/themes/advance_template_e/images/banner_catalog_download.jpg);
	width : 197px;
	height : 62px;
}
div#menu p.banner_catalog_dl a:hover{
	background-position : 0px 62px;
}

/*---- menu end ---- *

/* ---- footer ---- */
div#footer p.copy{
	position : absolute;
	left : 10px;
}
div#footer ul{
	position : absolute;
	right : 0px;
	list-style : none outside;
}
div#footer ul li{
	float : left;
	display : inline;
}
div#footer ul li a{
	display : block;
	background : #fff url(http://www.advance-e.jp/themes/advance_template_e/images/footer_marker.gif) left center no-repeat;
	padding-left : 15px;
	color : #333;
	text-decoration : none;
}
div#footer ul li a:hover{
	text-decoration : underline;
}

/** advance singlepage format */
div#contents h2.bar{
	width : 648px;
	height : 23px;
	text-align : left;
	padding : 1px 0 8px 0;
	background : #fff url(http://www.advance-e.jp/themes/advance_template_e/images/member_page_bar.jpg) top left no-repeat;
	font-size : 1.8em;
	font-weight : normal;
}
* html div#contents h2.bar{
	padding-top : 7px;
	height : 25px;
}
div#contents h2.bar span {
	font-size : 15px;
	padding-left : 18px;
	letter-spacing : 2px;
}
div#contents div.login_form {
	margin-top : 10px;
	width : 598px;
	background : #96c0ea;
}
div.login_form table {
	width : 500px;
	margin : 0 auto;
}
div.login_form table td {
	padding : 5px 2px;
}
div.login_form table td.cell1 {
	text-align : right;
}
div.login_form table td.cell2 input {
	display : inline-block;
	_zoom : 1;
	width : 330px;
	height : 27px;
	font-size : 24px;
}
div.login_form p {
	text-align : center;
	padding : 10px 0;
}