@charset "utf-8";

/*

# CSS layout
---
標準設定

*/

/* ## common ===============================
全体設定 */

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

/* -- textlink -------------------*/
a {
	color: #222;
	text-decoration: underline;}
a:hover{
	text-decoration: none;
	color: #222;}
a:focus, button:focus, input:focus, select:focus{outline: none;}


a[class^="icon-"]:before, a[class*=" icon-"]:before,
a[class^="icon-"]:hover:before, a[class*=" icon-"]:hover:before{
  text-decoration:none;
  color:#FFF;}

.cursorList a{
	position:relative;
	margin-left:0.8em;
	display:block;}
.cursorList a:before{
	left:-0.8em;
	top:0.25em;
	position:absolute;}
.cursorList a:before,
.cursor a div:before{
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: left;
	font-variant: normal;
	text-transform: none;
	width:0.8em;
	line-height: 1em;
	content: '\e835';
	color: #102176;
	text-decoration:none !important;}


/* ## page ===============================
全体レイアウト設定 */

/* -- all area -------------------*/
#page {
	text-align:center;
	margin:0 auto;
	min-width:960px;
	overflow:hidden;
	position:relative;}

/* -- all area > main area -------------------*/
#page #main{
	width:960px;
	background-color: #FFF;
	margin:30px auto 60px !important;}

/* -- all area > main area > maincolumn -------------------*/
#page #main #maincolumn{
	overflow:hidden;
	text-align:left;}

/* -- all area > main area > main content -------------------*/
#page #content{
	float:right;
	width:730px;
	padding:0;
	zoom:1;}
#page #content:before,
#page #content:after { content:""; display:table;}
#page #content:after { clear:both;}


/* ## header ===============================
ヘッダー設定 */

/* -- default -------------------*/
#header{
	width:100%;
	min-width:960px;
	text-align:left;
	border-bottom:1px solid #DDD;}
#headMain{
	padding:0 0 11px;
	width:960px;
	margin:0 auto;}
#headMain:after{
	content:" ";
	clear: both;
	display: table;}
#header .thead{
	margin-bottom:8px;}

/* -- header tagline unav -------------------*/
#header #tHead{
	padding: 10px 0;
	color: #FFF;
	background: url(../images/common/bg_blue.gif);
	position: relative;
	box-shadow:rgba(0, 0, 0, 0.15) 0px 3px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 3px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 3px 5px 0px;
}
#header #tHead:after{
	position: absolute;
	content: "";
	background-color: #8C93B4;
	width: 100%;
	height: 1px;
	bottom: 1px

}
#header #tHead .inner{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

/* tagline-------------------*/
#header .tagline{
	float: left;
	width: 600px;}

/* u nav -------------------*/
#header #uNav{
	overflow:hidden;}
#header #uNav ul{
	text-align:right;}
#header #uNav ul li{
	padding:0 10px 0 5px;
	border-right: 1px solid #9498B5;
	display:inline-block;
}
#header #uNav ul li:first-child{
	padding-left: 10px;
	border-left: 1px solid #9498B5;
}
#header #uNav ul li a{
	color: #FFF;
	text-decoration: none;
}
#header #uNav ul li a div{
}
#header #uNav ul li a:hover{
	text-decoration: underline;
}

/* -- header logo uguide -------------------*/

#header #Lhead{
	overflow: hidden;
	margin-bottom: 20px;
}
#header #logo{
	float: left;
	width: 430px;
	margin-top: 20px;
}
#header .thead{
	width: 267px;
	float: right;
}
#header .myData{
	margin:15px 0 5px;
}
#header .thead ul{
	overflow: hidden;
}
#header .thead ul li{
	float: left;
	width: 130px;
}
#header .thead ul li:first-child{
	margin-right: 7px;
}
#header .thead ul li img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
/* hover */
#header .thead ul li a:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/* -- header logo uguide -------------------*/
#header #Lhead #contact {
	margin-top: 44px;
	text-align: right;
}

/* cart look -----------------------------*/
#header #cNav{
	overflow: hidden;
}
#header .cart a{
	display:block;
	padding:9px 10px;
	border: 1px solid #CCC;
	overflow:hidden;
	text-decoration:none;}
#header .cart a:before{
	float: left;
	margin:2px 1px 0 0;
	color: #102176;}
#header .cart a:hover{
	text-decoration:none;}
#header .cart .quantity{
	float:left;
	padding:0;
	width: 180px;}
#header .cart .quantity img{
	margin-bottom: 2px;
}
#header .cart .quantity span{
	vertical-align: middle;
	margin-left:20px;
	overflow: hidden;
	color: #222;
}
#header .cart .price{
	overflow:hidden;
	text-align:right;}
#header .cart .price span{
	color: #222;}
#header .cart a:hover{
	background-color: #F9F9F9;
}

/* global navigation -----------------------------*/
#globalNav{
	clear:both;}
#gNav{
	float: left;
	width:660px;}
#gNav > ul{
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 1px;
}
#gNav > ul li{
	list-style-type: none;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px solid #DDDDDD;
}
#gNav > ul li:last-child:after{
	right: 0;
	left: inherit;
}
#gNav > ul li a{
	display: block;
	padding: 10px;
	font-weight:bold;
	text-decoration:none;
	color:#444;
}
#gNav > ul li a:hover,
#gNav > ul li a.act{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/* login btn */
#gNav li.login{
	z-index:888;
	display:block;
	position:relative;}
#gNav li.login a{
	color:#FFF;
	background:#102176;
	margin-left:20px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;}
#gNav li.login a:before{
	margin-right:5px;
	color:#FFF;}


/* heder nav アコーディオン
-----------------------------*/
#gNav .menuArea{
    top: 25px;
    right: 0;
	display:block;
    position: absolute;
	z-index:887;
	width:240px;
	font-size:86%;
	padding-top:11px;}
#gNav .menuArea .spot{
	border:2px solid #102176;
	border-top:0;
	background:#FFF;
	padding-top:12px;
	margin-bottom:0 !important;}
#gNav .menuArea .btnArea{
	margin-bottom:10px;
	padding:0;
	letter-spacing: normal;}
#gNav .menuArea .btnArea a{
	height:auto;
	line-height:1.5;
	padding:10px 0;
	margin:0 10px !important;}
#gNav .menuArea p{
	text-align:left;
	margin:5px 8px 10px;}
#gNav .menuArea p a{
	color:#0059B2;
	border:0 ;
	display:inline;
	color:inherit !important;
	margin-left:0 !important;
	background:none !important;}
.pointArea{
	background:#F0F0F0;
	margin:0 10px 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{
	background:#FFF;
	color:#444;W
	font-weight:normal;
	padding:10px;
	margin:0;}
#gNav .menuArea .logout a:before{
	color:#444;}
#gNav .menuArea .logout a:hover{
	background-color:#F0F0F0;}
#gNav .menuArea p a:hover,
#gNav .menuArea .logout a:hover{
	filter: alpha(opacity=1);
	-moz-opacity:1;
	opacity:1;}

/*===========================================================
＊ #side
===========================================================*/
div#side{
	float:left;
	width:200px;}

/* title
-----------------------------*/
#side .titImg{
	margin-bottom:14px;}

/* menuList
-----------------------------*/
#menuList{
	margin-bottom:20px;}
#menuList .submenu > ul{
	overflow:hidden;
	border-bottom:1px solid #DDDDDD;}
#menuList .submenu > ul > li:first-child{
	border:0;}
#menuList a{
	text-decoration: none;
}
#menuList a:hover{
	text-decoration: underline;
}

/* 第1階層 */
#menuList .submenu ul li{
	border-top:1px solid #DDDDDD;}
#menuList .submenu ul li a{
	display:block;
	font-weight:bold;}
#menuList .submenu ul li div{
	display:table-cell;
	vertical-align:middle;
	padding:8px 10px;}
#menuList .submenu ul li div:before{
	display: inline-block;
	content:"・";
	color: #0C2D86;
}
#menuList .submenu ul li a{
	position:relative;}
#menuList .submenu ul li span{
	display:table-cell;
	width:50px;
	padding:5px 0 5px 5px;
	vertical-align:middle;}

/* 第2階層 */
#menuList .submenu ul li ul{
	padding:0;
	background:#F9F9F9;}
#menuList .submenu ul li ul li{
	border-top:1px dotted #DDDDDD;}
#menuList .submenu ul li ul li a{
	padding:3px 10px 2px 15px;
	border:0;
	background:none;}
#menuList .submenu ul li ul li div{
	padding:5px 10px 5 5px;}
#menuList .submenu ul li ul li span{
	width:25px;}

/* 第3階層 */
#menuList .submenu ul li ul li ul{
	border-top:0;
	background:#F0F0F0;}
#menuList .submenu ul li ul li ul li a{
	padding:3px 10px 2px 25px;}


/* search
-----------------------------*/
#side .search {
	margin-bottom:40px;
}
#side .search .inner{
	text-align: center;
}
#side input[type="text"]{
	width: 100%;
	padding:5px 5px;
	line-height: 1.2;
	border:1px solid #CCCCCC;
	box-sizing: border-box;
	margin-bottom: 10px;
}
#side .search .inner button:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
#side .keyword{
	margin-top:10px;}
#side .keyword li{
	display:inline-block;
	margin-right:10px;}

/* banner
-----------------------------*/
.bnrArea{
	margin-bottom:30px;}
.bnrList .bnrArea{
	margin-bottom:10px;}
.bnrArea a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}

#side .bnrList .tit03{
	margin-bottom:10px;}

/* themes C button
-----------------------------*/
#side #welcome ul{
	text-align: center;
}
#side #welcome ul li:last-child{
	margin: 10px;
}

/*===========================================================
＊ #footer
===========================================================*/
#footer{
	text-align:left;
	width:100%;
	min-width:980px;
	overflow:hidden;
	border-top:1px solid #CCC;
	padding: 25px 0 0;
}
#footer #fMine{
	border-top:1px solid #EEE;
	background: #F9F9F9;
	margin:40px auto 0;
	padding: 25px 0;
}
#footer .checkItem{
	margin-bottom: 40px;
}

/* pagetop
-----------------------------*/
#pagetop {
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 150px;
	height:30px;}
#pagetop a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}

/* footer nav -------------------*/
.fNav {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 0;
	text-align: center;}
.fNav li{
	display: inline-block;
}
.fNav li:first-child:before{
	content:"|";
	padding-right: 10px;
}
.fNav li:after{
	content:"|";
	padding: 0 5px 0 10px;
	display: inline;
}
.fNav li a{
	text-decoration: none;
}
.fNav li a:hover{
	text-decoration: underline;
}

#footer .flogo{
	float: left;
	margin-bottom: 20px;
}

/* copyright -----------------*/
#footer .copy{
	overflow: hidden;
	font-size:93%;
	padding:0;
	text-align:center;}

/* itemListInner -----------------*/

.itemListInner ul{
	overflow: hidden;
	width: auto !important;
	margin-left: 3px;
}
.itemListInner ul li{
	float: left;
	width: 90px;
	margin-right: 8px;
}
.itemListInner ul li:last-child{
	margin-right: 0;
}
.itemListInner ul li a:hover img{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}

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