@charset "utf-8";

/* ---------------------------------------------------------------- */
/*
/* all
/*
/* ---------------------------------------------------------------- */

body {color:#545454; font-size:12px; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3" ,"Hiragino Kaku Gothic Pro"; line-height:1.3;}
#wrapper {background:url(../images/bg_wrapper.jpg) center top no-repeat; text-align:center;}

/* link */
a {color:#0078b6;}
a:hover { color:#3E3A39; text-decoration:none; }
a:hover img.hover { filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }

/* float */
.left {float:left;}
.right {float:right;}
.txt_r {text-align:right;}

/* margin */
.mT5 {margin-top:5px !important;}
.mT10 {margin-top:10px !important;}
.mT20 {margin-top:20px !important;}
.mT30 {margin-top:30px !important;}
.mT40 {margin-top:40px !important;}
.mT50 {margin-top:50px !important;}

/* txt */
.small { font-size: 0.8em; }


/* ---------------------------------------------------------------- */
/*
/* Header
/*
/* ---------------------------------------------------------------- */

#header {position: relative; width: 820px; height:108px; background: url(../images/header_bg.jpg) left top no-repeat; }
	#header h1 { position: absolute; left:8px; top:11px; }
	#header h1 a:hover img {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
	#header div.btn_cart { position: absolute; right: 10px; top: 9px; }
	#header div.search { position: absolute; width: 246px; height: 19px; right: 10px; top: 37px; background: url(../images/header_title_search.gif) left 5px no-repeat; }
		#header div.search input.win { position: absolute; width: 103px; height: 17px; right:53px; top:0px; border: 1px solid #669fb3; color: #669fb3; }
		#header div.search input.btn { position: absolute; right:0; top:0; }

/* gmenu */
#gmenu { position: absolute; width:820px; height: 35px; left:0; bottom:0; }
	#gmenu ul {}
		#gmenu ul li {float:left; margin-left:10px;}
		#gmenu ul li a:hover img {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}


/* ---------------------------------------------------------------- */
/*
/* Main
/*
/* ---------------------------------------------------------------- */

.bg_side { background: url(../images/bg_side.jpg) left top no-repeat; }

/* ---------------------------------------------------------------- */
/*
/* Footer
/*
/* ---------------------------------------------------------------- */

	/* pagetop */
	.pagetop {width:820px; margin:0; padding: 15px 0 15px 0; text-align:left;}
		.pagetop p {width:820px;text-align:right;}
		.pagetop p a:hover img {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}	


#footer { position: relative; width: 820px; height:192px; background:url(../images/bg_footer.jpg) left top no-repeat; text-align:center; line-height:1; font-size:12px; }

	#footer .fdline {width:820px; margin:0 auto; text-align:left; }
	#footer .inner {padding:3px 10px 20px 10px; line-height:1.3;}
	#footer .fmenuArea {padding-bottom:15px; }
	
		/* fmenu */	
		#footer .fmenuArea ul.fmenu {float:left; width:690px;}
			#footer .fmenuArea ul.fmenu li {float:left; padding:10px 28px 0 2px; background:url(../images/bg_fmenu.gif) right bottom no-repeat;}
			#footer .fmenuArea ul.fmenu li a:hover {text-decoration:none;}
		
		/* mark */
		#footer .mark table.gs {float:left; width:400px; font-size:10px; line-height:1.3;}
		#footer .mark table.pm {float:left; width:400px; font-size:10px; line-height:1.3;}
			#footer .mark table.gs th {width:120px; padding:10px 0;}
			#footer .mark table.pm th {width:70px; padding:10px 0;}
			#footer .mark table.gs td, #footer .mark table.pm td {padding:10px 20px 10px 15px;}
		
		/* copy */
		.copy {padding-top:10px; color:#000; font-size:10px; line-height: 1.1em; text-align:right;}
		 .copy img {vertical-align: middle;}