@charset "utf-8";
/*
	Site Name: 
	Description: initial setting
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: body set 
	2: header setting
	3: footer set

==========================================================
*/

/*
===== 1: body set =================================
*/
body {
	margin:0px;
	padding: 0px;
	background-image: url(../image/common/bg_header.gif);
	background-repeat: repeat-x;
	color: #333333;
}

a:link, a:visited{ color:#339999; text-decoration:none;}
a:hover, a:focus, a:active{ color:#339999; text-decoration:underline;}
/*
===== 2: header setting ===========================
*/

.header {
	width:900px;
	height:170px;
	margin: 0px 0px 15px;
	padding: 0px;
	position: relative;
}
	
.mainlogo {
	width:381px;
	height:40px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 69px;
	left: 0px;
}


/* Header Navi */
.h_navigation {
	width: 285px;
	float: none;
	position: absolute;
	top: 72px;
	left: 615px;
}

.h_navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 28px;
	overflow: hidden;
}

.h_navigation li {
	float: left;
	width: 140px;
	margin: 0px;
	padding: 0px;
}

.h_navigation li.navi02 {
	padding-left: 5px;
}

.h_navigation li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 28px;
	padding-top: 28px;
}

/*defult*/
.navi01 a { background-image:url(../image/common/h_btn_myp.gif); background-position: 0 0;}
.navi02 a { background-image:url(../image/common/h_btn_vcart.gif); background-position: 0 0;}

/*on mouse*/
.navi01 a:hover { background-position: 0 -28px;}
.navi02 a:hover { background-position: 0 -28px;}

.h_text_link {
	font-size: 10px;
	line-height: 1.2;
	color: #FFFFFF;
	position: absolute;
	right: 0px;
	top: 45px;
	text-align: right;
}

.h_text_link ul {
	list-style: none;
	margin: 0px;
}

.h_text_link li {
	list-style-type: none;
	float: left;
}

.h_text_link li.headline {
	list-style-type: none;
	padding-right: 10px;
	margin-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #606060;
}

.h_text_link a:link, .h_text_link a:visited { color: #FFFFFF; text-decoration:none;}
.h_text_link a:hover, .h_text_link a:active { color: #FF6600; text-decoration:none;}




/*
===== 3: footer set =================================
*/

.footer {
	width:100%;
	margin-top: 50px;
	height: 140px;
	line-height: 1em !important;
	background-image: url(../image/common/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	text-align:center;
	font-size:10px;
}

.footer a:link, .footer a:visited { color:#FFFFFF; text-decoration:none;}
.footer a:hover, .footer a:active { color: #666666; text-decoration:none;}

.footer_innar {
	width:900px;
	margin: 0 auto;
	height: 120px;
	background-image: url(../image/common/f_id_logo.gif);
	background-repeat: no-repeat;
	background-position: right 19px;
	position: relative;
}

.f_box {
	background-image: url(../img/header/f_logo.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-left: 100px;
	background-position: 0px 35px;
}

ul.footer_navi {
	margin:0;
	position: absolute;
	top: 19px;
}

ul.footer_navi li {
	margin-right: 1em;
	display: inline;
}

ul.footer_navi li a {
	background-image: url(../image/common/f_icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 10px;
}

.f_pageup {
	position: absolute;
	left: 790px;
	top: -26px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	overflow: hidden;
	width:110px;
}

.f_pageup a {
	display: block;
	overflow: hidden;
	width: 110px;
	height: 20 !important;
	height /**/: 20px;
	padding-top: 20px;
	background-image:url(../image/common/btn_pageto.gif);
	background-position: 0  0;
}

.f_pageup a:hover {background-position: 0 -20px;} 


/*
===== 4: contents set =================================
*/

.contents {
	width: 670px;
	position: relative;
}



/*共通パーツ　*/
.mt_01 { margin-top: 1px;}
.mt_02 { margin-top: 2px;}
.mt_03 { margin-top: 3px;}
.mt_05 { margin-top: 5px;}
.mt_10 { margin-top: 10px;}
.mt_15 { margin-top: 15px;}
.mt_20 { margin-top: 20px;}
.mt_25 { margin-top: 25px;}
.mt_30 { margin-top: 30px;}
.mt_35 { margin-top: 35px;}
.mt_40 { margin-top: 40px;}

.mb_05 { margin-bottom: 5px;}
.mb_10 { margin-bottom: 10px;}
.mb_15 { margin-bottom: 15px;}
.mb_20 { margin-bottom: 20px;}
.mb_25 { margin-bottom: 25px;}
.mb_30 { margin-bottom: 30px;}
.mb_35 { margin-bottom: 35px;}
.mb_40 { margin-bottom: 40px;}

.mr_05 { margin-right: 5px;}
.mr_10 { margin-right: 10px;}
.mr_15 { margin-right: 15px;}
.mr_20 { margin-right: 20px;}
.mr_25 { margin-right: 25px;}
.mr_30 { margin-right: 30px;}
.mr_35 { margin-right: 35px;}
.mr_40 { margin-right: 40px;}

.ml_05 { margin-left: 5px;}
.ml_10 { margin-left: 10px;}
.ml_15 { margin-left: 15px;}
.ml_20 { margin-left: 20px;}
.ml_25 { margin-left: 25px;}
.ml_30 { margin-left: 30px;}
.ml_35 { margin-left: 35px;}
.ml_40 { margin-left: 40px;}

.hidden {
	visibility: hidden;	
}

.col20 { width: 20px;}
.col40 { width: 40px;}
.col50 { width: 50px;}
.col70 { width: 70px;}
.col100 { width: 100px;}
.col120 { width: 120px;}
.col170 { width: 170px;}
.col200 { width: 200px;}
.col210 { width: 210px;}
.col220 { width: 220px;}
.col230 { width: 230px;}
.col240 { width: 240px;}
.col250 { width: 250px;}
.col300 { width: 300px;}
.col350 { width: 350px;}
.col400 { width: 400px;}
.col450 { width: 450px;}

.small_txt { font-size: 90%;}

/*
===== 7: clearfix ===========================
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */

.clear {
	clear: both;
}