@charset"utf-8";

html{
	height:100%;
}

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0px none;
	vertical-align:bottom;
}

a:link{
	color:#666
}
a:visited{
	color:#666
}
a:hover{
	color:#1B9745
}

.floatclear{
	clear:both;
	height:1px;
	font-size:1px;
}

body{
	font-size:80%;
	/*font-family:sans-serif;*/
	text-align:center;
	font-family: "メイリオ", sans-serif;

	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
}

body#ol{
	background-image:url(../images/ol-bg.jpg);
}

div#wrapper{
	width:935px;
	margin:0 auto;
	text-align:left;
}

/*-------------------------------------------------------------
header関連
-------------------------------------------------------------*/
div#header{
	width:935px;
	height:125px;
	position:relative;
}

body#ol div#header{
	height:105px;
}

div#header h1{
	position:absolute;
	top:10px;
	left:0px;
	font-size:1px;
}

ul#g-navi{
	position:absolute;
	top:26px;
	left:115px;
}

/*外国語用*/
body#ol ul#g-navi{
	position:absolute;
	top:25px;
	left:115px;
}

ul#g-navi li{
	margin-right:6px;
	display:inline;
	font-size:1px;
}

ul#sub-navi{
	position:absolute;
	top:26px;
	left:418px;
}

/*外国語用*/
body#ol ul#sub-navi{
	position:absolute;
	top:25px;
	left:170px;
}

ul#sub-navi li{
	display:inline;
	font-size:1px;
}

body#ol ul#sub2-navi{
	position:absolute;
	top:25px;
	left:580px;
}

ul#sub2-navi li{
	display:inline;
	font-size:1px;
}

ul#lang{
	position:absolute;
	top:0px;
	right:0px;
}

ul#lang li{
	margin-left:6px;
	display:inline;
	font-size:1px;
}

p#c-pass{
	position:absolute;
	top:25px;
	right:0px;
}

ul#shop-news-li{
	position:absolute;
	top:65px;
	left:0px;
}

ul#shop-news-li li{
	display:inline;
	font-size:1px;
}

p#breadcrumb{
	position:absolute;
	top:95px;
	left:0px;
}

body#ol p#breadcrumb{
	position:absolute;
	top:75px;
	left:0px;
}

p#breadcrumb a{
	text-decoration:none;
	font-size:90%;
}

/*-------------------------------------------------------------
main関連
-------------------------------------------------------------*/

div#main{
	width:935px;
	margin-bottom:20px;
}

body#ol div#main{
	width:935px;
	margin-bottom:20px;
	text-align:center;
}

/*-------------------------------------------------------------
contents関連
-------------------------------------------------------------*/

div#contents{
	width:765px;	
	float:left;
}

div#ol-contents{
	width:735px;
	margin:0 auto;
	text-align:left;
}

body#top div#contents{
	width:776px;
}

body#shopn div#contents{
	width:715px;
}

body#blog div#contents{
	width:776px;
}

/*-------------------------------------------------------------
side-navi関連
-------------------------------------------------------------*/

div#side-navi{
	width:150px;	
	float:right;
}

div#k-search{
	padding:5px;
	background-color:#F6F6F6;
}

div#k-search h5{
	font-size:1px;
}

input#keywordin{
	width:80px;
	height:14px;
	padding:0;
	margin-right:4px;
	margin-bottom:10px;
	font-size:80%;
	float:left;
}

div.banner{
	margin-bottom:5px;
}

div.banner img{
	margin-bottom:5px;
}

div.banner a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

ul.s-btn{
	padding:7px;
	border:1px solid #E3E3E3;
	margin-bottom:10px;
}

ul.s-btn li{
	list-style:none;
	margin-bottom:6px;
	padding-bottom:6px;
	border-bottom:1px solid #E3E3E3;
}

ul.s-btn li.end{
	list-style:none;
	margin-bottom:0px;
	padding-bottom:0px;
	border-bottom:none;
}

ul.s-btn li a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

h4#tw-h{
	font-size:1px;
	margin-bottom:10px;
}

h4#tw-h a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

p#rss-help{
	margin-bottom:15px;
	font-size:80%;
}

/*-------------------------------------------------------------
外国語side-navi関連
-------------------------------------------------------------*/

div#ol-side-navi{
	width:180px;	
	float:right;
}

/*navi静的リンクの指定*/
ul#ol-list{
}

ul#ol-list li{
	width:170px;
	margin-bottom:7px;
	list-style:none;
	font-size:90%;
}

ul#ol-list li a{
	width:162px;
	padding:3px 3px 3px 5px;
	display:block;
	text-decoration:none;
}

ul#ol-list li#act{
	width:162px;
	padding:3px 3px 3px 5px;
	display:block;

	background-color:whitesmoke;
	color:Black;

	border:1px solid whitesmoke;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}

ul#ol-list li a:link{
	color:#666;

	border:1px solid whitesmoke;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}

ul#ol-list li a:visited{
	color:#666;

	border:1px solid whitesmoke;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}

ul#ol-list li a:hover{
	background-color:whitesmoke;
	color:Black;

	border:1px solid whitesmoke;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}

/*-------------------------------------------------------------
footer関連
-------------------------------------------------------------*/

div#footer{
	padding-bottom:5px;
	border-bottom:4px solid #1C9745;
	width:935px;
	position:relative;
}

p#copyright{
	font-size:90%;
}

p#copyright img{
	margin-right:10px;
}

p#pagetop{
	position:absolute;
	bottom:7px;
	right:0px;
	font-size:1px;
	cursor:pointer;
}

/*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:inline-block;}
/*End hide from IE-mac*/