@charset "utf-8";

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
			 		 layout CSS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*===========================================================
＊ common
===========================================================*/

/*all page*/
html,body {
    height:100%;
	width:100%;
}
body{
	background:#FFFFFF;
	color: #444444;}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	float: none;
}

/*textlink*/
a,a:visited {
	color: #444444;
	text-decoration: none;}
a:hover,a:active{
	color: #444444;
	text-decoration: underline;}

a.blank{
	background:url(/images/icon/ico_blank.gif) no-repeat right center;
	padding-right:12px !important;
}
a.blank:hover {
	background:url(/images/icon/ico_blank.gif) no-repeat right center #fbf1d6;
}

.cursor a{
	line-height:1.9;
	background:url(/images/a_cursor.gif) 0 0.2em no-repeat;
	padding:0 0 0 15px;}
.cursor li{
	margin-bottom:5px;}



/*------------------------------------------------------
＊　#page
-------------------------------------------------------*/
/*all area*/
#page {
	width:100%;
	min-width:960px;
	overflow:hidden;
	text-align:center;
	margin:0 auto;
	padding-top:2px;
	border-top:3px solid #1A3251;}

/*all area > main area*/
#page #main{
	padding:20px 0 50px;}

/*all area > main area > maincolumn*/
#page #main #maincolumn{
	width:960px;
	background:#FFF;
	margin:0 auto;
	overflow:hidden;
	text-align:left;}

/*all area > main area > main content*/
#page #content{
	float:left;
	width:710px;
	padding:0;
	overflow: hidden;}
#page #content:before,
#page #content:after { content:""; display:table;}
#page #content:after { clear:both;}


/*===========================================================
＊ #header
===========================================================*/

/* default
------------------------------------------*/
#header{
	text-align:left;
	border-top:1px solid #1A3251;}

#headMain{
	padding:13px 0 0;
	width:960px;
	margin:0 auto;
	position:relative;}
#header .thead{
	margin-bottom:26px;}

#header .tagline{
	width:370px;
	padding-top:7px;
	float:left;
	font-size:86%;
	color:#193251;}

#header #logo{
	position:absolute;
	top:25px;
	left:50%;
	margin-left:-92px;
	width:184px;
	height:57px;}

#header #uNav{
	text-align:right;
	overflow:hidden;}
#header #uNav ul{
	margin-bottom:22px;}
#header #uNav ul li{
	display:inline-block;
	margin-left:10px;}
#header .cart{
	float:right;
	width:230px;
	font-size:12px;
	background:url(/images/lin_tate.png) repeat-y 0 0;
	position:relative;}
#header .cart:before,
#header .cart:after{
	content:"";
	position:absolute;
	width:100%;
	display:block;
	height:1px;
	left:0;
	background:url(/images/lin_yoko.png) repeat-x 0 0;}
#header .cart:before{ top:0;}
#header .cart:after{ bottom:0;}
#header .cart .inner{
	background:url(/images/lin_tate.png) repeat-y right 0;}
#header .cart a{
	display:block;
	padding:6px 20px 6px 7px;
	overflow:hidden;
	background:url(/images/arw_left_black.gif) no-repeat 96.5% center;}
#header .cart a:hover{
	text-decoration:none;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}
#header .cart .quantity{
	border-right:1px solid #CCCCCC;
	width:80px;
	float:left;
	color:#193251;
	padding:0 8px 0 22px;
	background:url(/images/ico_cart.gif) no-repeat 0 1px;}
#header .cart .quantity span{
	display:inline-block;
	width:48px;
	color:#193251;}
#header .cart .price{
	overflow:hidden;
	text-align:right;
	padding:0 5px 0 0;
	color:#193251;
	border-right:1px solid #CCCCCC;}
#header .cart .price span{
	color:#193251;}

/*------------------------------------------------------
＊　global navigation
-------------------------------------------------------*/

#globalNav{
	clear:both;
	padding-top:8px;}
#gNav{
	width:960px;}
#gNav ul{
	display: table;
	width: 100%;
	table-layout: fixed;}
#gNav li{
	text-align:center;
	display: table-cell;
	/display:inline;
	/zoom:1;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}
#gNav li a{
	display:block;
	width:auto;
	padding:2px 0 3px;
	text-decoration:none;
	border-right:1px solid #DDDDDD;}
#gNav li:first-child a{
	border-left:1px solid #DDDDDD;}
#gNav li a:hover img,
#header #uNav ul li a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}

.login{
	z-index:888;
	display:block;
	position:relative;}
#gNav .menuArea{
    top: 25px;
    right: 0;
	display:block;
    position: absolute;
	z-index:887;
	width:240px;
	font-size:86%;
	padding-top:9px;
	background:url(/images/bg_menuarea.png) no-repeat 0 0;}
#gNav .menuArea .spot{
	border:2px solid #1A3251;
	border-top:0;
	background:#FFF;
	padding-top:12px;
	margin-bottom:0 !important;}
#gNav .menuArea .nameL{
	text-align:left;
	padding:0 8px;
	margin-bottom:3px;}
#gNav .menuArea p{
	text-align:left;
	margin:5px 8px 10px;}
#gNav .menuArea p a{
	color:#0059B2;
	border:0 ;
	display:inline;
	text-decoration:underline;}
#gNav .menuArea p a:hover{
	text-decoration:none;}
.pointArea{
	background:#EEEEEE;
	margin:8px 8px;
	overflow:hidden;
	padding:8px 10px;}
#gNav .menuArea .pointArea p{
	float:left;
	margin:0;}
#gNav .menuArea .pointArea .point{
	overflow:hidden;
	text-align:right;}
#gNav .menuArea .pointArea .point strong{
	font-size:115%;}
#gNav .menuArea .logout {
	margin-top:8px;
	text-align:left;
	border-top:1px solid #CCCCCC;}
#gNav .menuArea .logout a{
	padding:10px;
	background:url(/images/arw_left_dblue.png) no-repeat 98% center;}
#gNav .menuArea .logout a:hover{
	background-color:#F1F1F1;}

/*------------------------------------------------------
＊　#content　＊
-------------------------------------------------------*/



/*===========================================================
＊ #side
===========================================================*/

/*----default*/
div#side{
	float:right;
	width:220px;}


#menuList{
	margin-bottom:15px;}
#menuList .titimg{
	margin-bottom:6px;}

#menuList dt{
	position:relative;
	z-index:1;
	margin-bottom:8px;}
#menuList dt:after{
	content:"";
	position:absolute;
	z-index:2;
	top:16px;
	right:9px;
	display:block;
	width:10px;
	height:12px;
	background:url(/images/arw_left_dblue.png) no-repeat 0 0;}
#menuList dt.open:after{
	top:18px;
	right:11px;
	width:11px;
	height:7px;
	background:url(/images/arw_btm_dblue.png) no-repeat 0 0;}
#menuList dd{
	display:none;
	margin-bottom:19px;}

#side #submenu dd li{
	overflow:hidden;
	text-align:left;}
#side .submenu ul.thumbnail li a{
	display:block;
	overflow:hidden;
	text-decoration:none;
	padding:4px 0 4px 4px;
	color:#1B3352;
	border-bottom:1px solid #CCCCCC;
	background:url(/images/arw_left_gray.png) no-repeat right center;}
#side .submenu ul.thumbnail li a:hover{
	text-decoration:underline;}
#side .submenu ul.thumbnail li a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}
#side .submenu ul.thumbnail li span,
#side .submenu ul.thumbnail li div{
	display:table-cell;
	vertical-align:middle;
}
#side .submenu ul.thumbnail li span{
	width:40px;}


#side .search {
	background:url(/images/side/box_search_bg.gif);
	margin-bottom:20px;}
#side .search .inner{
	padding:11px 19px 26px;
	background:url(/images/side/box_search_foot.gif) no-repeat 0 bottom;}
#side .search .priceSearch{
	padding:0 0 8px;}
#side .search .priceSearch input{
	width:50px;
	padding:5px;
	margin-right:3px;
	border:1px solid #CCCCCC;}
#side .freeSearch{
	margin-bottom:10px;}
#side .freeSearch input{
	width:168px;
	padding:5px;
	border:1px solid #CCCCCC;}

#side .bnrSet{
	margin-bottom: 13px;}
#side .bnrArea{
	margin-bottom: 10px;}

/*===========================================================
＊ #footer
===========================================================*/

/*----default*/
#footer{
	background:#EEEEEE;
	position:relative;
	text-align:left;}

/*pagetop*/
#pagetop {
	position: fixed ;
	right: 1%;
	margin-left:-40px;
	font-size: 9px;
	z-index:6666;}
#pagetop a {
	width: 80px;
	height:40px;
	line-height:1.1;
	margin:0 auto;
	text-decoration: none;}
#pagetop a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}


#footer #copy{
	background:#1A3251 url(/images/lin_yoko.png) repeat-x;
	overflow:hidden;
	color:#FFF;
	text-align:center;
	font-size:93%;
	padding:10px 0;}

#fNav {
	width:960px;
	padding:35px 0 45px;
	margin:0 auto;}
#fNav dl dt{
	margin-bottom:18px;}
#fNav dl dd{
	overflow:hidden;}

#fNav ul{
	width:170px;
	overflow:hidden;
	float:left;
	margin-left:32px;}
#fNav ul.long{
	width:340px;}
#fNav .long02{
	float:left;
	margin-left:58px;
	width:360px;}
#fNav .long02 ul.long{
	margin-left:0;
	width: 100%;}
#fNav .long02 ul{
	margin-left:20px;}
#fNav ul:first-child{
	margin:0;}
#fNav ul li a{
	color:#1A3251;
	display:block;
	font-weight:bold;
	background: url(/images/arw_left_gray.png) no-repeat right center;}
#fNav ul li div{
	color:#1A3251;
	font-weight:bold;
	padding:7px 0;
	background: url(/images/lin_dot.png) repeat-x 0 bottom;}
#fNav ul li ul,
#fNav .long02 ul li ul{
	float:none;
	width:auto;
	margin:10px 0 0;}
#fNav ul.long li ul li,
#fNav ul.long02 li ul li{
	width:50%;
	float:left;}
#fNav ul li ul li a{
	color:#444;
	padding:0;
	font-weight:normal;
	background:none;}

/* copyright
-----------------------------*/
#footer #copy{
	text-align:center;}



/*------------------------------------------ End */