@charset "shift_jis";

body{
	margin:0;padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	background:#e5e5e5 url(../images/back.gif) repeat-x;
	color:#333;
	font-size:95%;
	text-align:center;
	}
body#top{background:#e5e5e5 url(../images/top_back.gif) repeat-x; text-align:center;}

a img{border:none;}
a{color:#666; text-decoration:none;}
a:hover{color:#999;}


span.kre{
	font-size:90%;
	color:#f30;
	}

span.signal01{font-size:90%;}
br.clear{clear:both;}

p{line-height:1.5;}

p.right{margin-top:8px;}
p.right a{display:block; width:6em; padding-left:19px; background:url(../images/next.gif) 0 50% no-repeat;}
h1,h2,h3,h4,ul,ol,li,p,dl,dt,dd{margin:0; padding:0;}

img{
	vertical-align:bottom;
	}
/*-Wrapper---------------------------------------*/
#wrapper{
	margin:0 auto;
	text-align:left;
	width:780px;
	background:url(../images/bk_boarder.jpg) center repeat-y;
	}
/*---------------------------------------*/
#header{
	width:740px;
	padding:0 20px;
	background:url(../images/header.jpg) top center no-repeat;
	}
#header a.logo{
	display:block;
	text-indent:-9999px;
	background:url(../images/logo.gif) no-repeat;
	width:270px;
	height:55px;
	outline:none;
	}
#header p{
	max-height:25px;
	margin-left:25px;
	height:25px;
	}
/*---------------------------------------*/	
#navigation{
	width:740px;
	padding:0 20px;
	background:url(../images/navi_bk.jpg) center no-repeat;
	}
#navigation ul{
	position:relative;
	height:40px;
	background:url(../images/menu.gif) no-repeat;
	list-style:none;
	}
#navigation ul li{
	position:absolute;
	text-indent:-9999px;
	}

#navigation ul li#pride{left:0; width:125px;}
#navigation ul li#product{left:127px; width:100px;}
#navigation ul li#fanclub{left:229px; width:182px;}
#navigation ul li#blog{left:413px; width:88px;}
#navigation ul li#event{left:503px; width:101px;}
#navigation ul li#link{left:606px; width:134px;}

#navigation ul li#pride a:hover{background: url(../images/menu.gif) no-repeat 0px -40px;}
#navigation ul li#product a:hover{background: url(../images/menu.gif) no-repeat -127px -40px;}
#navigation ul li#fanclub a:hover{background: url(../images/menu.gif) no-repeat -229px -40px;}
#navigation ul li#blog a:hover{background: url(../images/menu.gif) no-repeat -413px -40px;}
#navigation ul li#event a:hover{background: url(../images/menu.gif) no-repeat -503px -40px;}
#navigation ul li#link a:hover{background: url(../images/menu.gif) no-repeat -606px -40px;}

#prideTop #navigation li#pride{background: url(../images/menu.gif) no-repeat 0px -40px;}
#productTop #navigation ul li#product{background: url(../images/menu.gif) no-repeat -127px -40px;}
#fanclubTop #navigation ul li#fanclub{background: url(../images/menu.gif) no-repeat -229px -40px;}
#eventTop #navigation ul li#event{background: url(../images/menu.gif) no-repeat -503px -40px;}
#linkTop #navigation ul li#link{background: url(../images/menu.gif) no-repeat -606px -40px;}

#navigation ul li a{
	text-decoration:none;/*FIREのバグ*/
	outline: 0;
	display:block;
	height:40px;
	}
/*---------------------------------------*/
#content{
	width:680px;
	padding:0 50px 30px;
	}

/*---------------------------------------*/	
/*-------------------------------------*/
#route{
	padding:10px 0;
	}

/*---------------------------------------*/	
/*-main-----------------------------------*/
#main{
	float:right;
	width:470px;
	padding-bottom:5px;
	}
	
#goTop{
	margin:50px 0 5px;
	}
#goTop a{
	display:block;
	margin-left:350px;
	width:120px;
	height:25px;
	text-indent:-9999px;
	background:url(../images/gotop.gif) no-repeat;
	outline:0;
	}
	#goTop a:hover{background:url(../images/gotop.gif) no-repeat -120px;}
/*---------------------------------------*/	
/*-sab-----------------------------------*/
#sab{
	float:left;
	width:183px;
	}
#sabNavi ul{
	list-style:none;
	}

#sabNavi{
	border:1px solid #999;
	}
#sabNavi h2{
	}
	
#sabNavi li {
	border-top:dashed 1px #999;
	}
#sabNavi li.first{border-top:none;}

#marutatsuBox{
	padding-top:315px;
	background:url(../images/marutatsu.gif) center 55px no-repeat;
	border-bottom:1px solid #999;
	}
#marutatsuBox h3{
	font-size:100%;
	margin-top:5px;
	}
#marutatsuBox p{
	margin-top:0.25em;
	}
p.phone{
	font-weight:bold;
	font-size:110%;
	}
p.mail{
	padding-left:13px;
	background:url(../images/mail.gif) 0 50% no-repeat;
	}
/*---------------------------------------*/	

/*-Footer-----------------------------------*/
#footer{
	text-align:center;
	background:#666 url(../images/footer.jpg) top center repeat-y;
	color:#fff;
	}
#footerContent{
	width:740px;
	margin:0 auto;
	padding:0px 20px;
	}
#footer ul{
	background:#000;
	padding:8px 5px;
	font-size:90%;
	}
#footer li{
	display:inline;
	padding: 0 10px;
	margin:1px 0;
	border-left:1px solid #999;
	}
#footer li.top{
	border:none;
	}
#footer li a{
	color:#fff;
	text-decoration:none;
	}
#footer li a:hover{
	color:#ccc;
	border-bottom:1px solid #ccc;
	}
/*---------------------------------------*/
/*---------------------------------------*/
address{
	font-style:normal;
	margin-top:5px;
	font-size:80%;
	}
	
	
/*#########################################
PAGE
########################################*/
/*--TOP page-------------------------------------*/
#top #header{
	width:740px;
	padding:95px 0px 0;
	margin:0 auto;
	height:165px;
	background:url(../images/top_header.jpg) center no-repeat;
	}
#top #header a.logo{
	display:block;
	text-indent:-9999px;
	background:url(../images/logo.gif) no-repeat;
	width:270px;
	height:55px;
	outline:0;
	}
#top #header p{
	max-height:25px;
	margin-left:25px;
	height:25px;
	}
	
#top #main{
	float:right;
	width:440px;
	}
#top #main h2{
	font-size:180%;
	color:#666;
	margin:15px 0;
	}
#topBox h3{
	font-size:150%;
	margin-top:20px;
	color:#666;
	}
#topBox p{
	margin:15px 10px;
	font-size:110%;
	line-height:1.5;
	}
#topBox ul{
	list-style:none;
	}
#topBox ul li{
	background:url(../images/arrow.gif) 0 50% no-repeat;
	border-bottom:1px solid #ccc;
	padding:10px 0 10px 18px;
	margin:10px 0;
	}
#topBox ul li span{
	padding-right:20px;
	}
	
/*--PRIDE page-------------------------------------*/

#prideTop #main h2{
	margin:15px 0;
	}
p.read{
	margin:10px;
	}
	
#prideTop #main h3{
	margin:5px 0 0;
	}
.column{
	padding:6px 13px;
	background:#eee;
	border:1px solid #333;
	}
	.columnBox{
		width:440px;
		margin-top:15px;
		}
	.columnBox .imgBox{
		width:190px;
		float:right;
		}
	.columnBox .descBox{
		width:240px;
		float:left;
		}
	#prideTop #main .column h3{
	}
.kijiBox1,.kijiBox2{
	width:470px;
	margin:20px 0;
	}
.kijiBox1 .imgBox,.kijiBox2 .imgBox{
	width:230px;
	}
		.imgBox img{
			border:1px solid #ccc;
			}
.kijiBox1 .descBox,.kijiBox2 .descBox{
	width:220px;
	}

.kijiBox1 .imgBox{
	float:left;
	}
.kijiBox1 .descBox{
	float:right;
	}
.kijiBox2 .imgBox{
	float:right;
	}
.kijiBox2 .descBox{
	float:left;
	}
	
.proBox{
	width:448px;
	margin:15px 0;
	border:1px solid #ccc;
	padding:10px;
	}
.proDesc{
	width:340px;
	float:left;
	}
.proImg{
	width:80px;
	float:right;
	}

p.pageLink{
	margin:15px 0;
	text-align:right;
	}
p.pageLink img{
	vertical-align:middle;
	}
/*###############################################################*/
	
/*--Product page-------------------------------------*/
#productTop #main h2{
	margin:15px 0;
	}
#productBox h3{
	margin-top:10px;
	}
#productBox .box{
	border:1px solid #999;
	padding-bottom:10px;
	}
#productBox ul.productList{
	list-style:none;
	}
#productBox ul.productList li{
	margin-top:10px;
	}
#productBox p.shyousai a{
	display:block;
	margin-left:20px;
	background:url(../images/arrow.gif) 0 50% no-repeat;
	padding:10px 0 10px 18px;
	}
#cartSideMenu p{
	margin-top:10px;
	}
	
.productDes{
	width:430px;
	margin:5px auto;
	}
.productPrice{
	border-top:1px solid #999;
	margin:8px 0 0;
	padding-top:8px;
	}
#productTop #main .columnBox h4{
	margin-top:20px;
	}
#productTop #main .columnBox p{
	margin:5px 15px 10px;
	}
	
#premiumBox p{
	margin:5px 10px 15px;
	}
	
#otokuBox{
	}
	
#otokuBox .kijiBox1 .imgBox{
	width:130px;
	float:right;
	}
#otokuBox .kijiBox1 .descBox{
	width:330px;
	float:left;
	}
	
#otokuBox h3 strong{font-size:120%;}
	
/*###############################################################*/
/*--Funclub page-------------------------------------*/
#funBox{
	margin:10px 0;
	}
#funBox p.data{
	margin:10px 0;
	}
/*###############################################################*/
/*--Event page-------------------------------------*/

#eventBox{
	width:450px;
	margin:5px 10px;
	}
#eventBox h2{
	margin:18px 0;
	}
#eventBox p{
	margin:5px 8px 20px;
	}
#eventBox ul{
	list-style:none;
	margin:10px 25px;
	}
#eventBox ul li{
	margin-bottom:30px;
	}
/*###############################################################*/

/*--First page-------------------------------------*/

#firstBox{
	width:450px;
	margin:5px 10px;
	}
#firstBox p{
	margin:5px 20px;
	line-height:1.5;
	}
#firstBox h2{
	margin:10px 0;
	}
#firstBox h3{
	margin:20px 10px 10px;
	}
#firstBox ol{
	margin:10px;
	}
#firstBox ol li{
	margin-left:30px;
	line-height:1.5;
	margin-bottom:15px;
	}
#firstBox .box{
	width:410px;
	margin:10px auto;
	}
#firstBox .box p{
	margin:0;
	}
#firstBox .box ol{
	margin:10px;
	}
#firstBox .box ol li{
	padding-left:10px;
	line-height:1.5;
	}
#firstBox .box .descBox{
	float:left;
	width:240px;
	margin:0 10px;
	}
#firstBox .box .imgBox{
	width:150px;
	float:left;
	}
	
#flowdesc{
	margin:50px 0;
	}
#flowdesc dt{
	display:block;
	width:160px;
	float:left;
	}

#flowdesc dd{
	display:block;
	width:280px;
	line-height:1.5;
	float:right;
	}
	
#main .dispatch h3{
	margin:40px 0 0;
	}
#main .dispatch p{
	margin:10px 10px;
	}
	

/*--Shop page-------------------------------------*/
#shopBox h3{
	margin-top:10px;
	}
#shopBox address{
	font-size:100%;
	margin:10px 20px 15px;
	}
	
#shopBox address p{
	width:300px;
	float:left;
	}
	
#shopBox address img{
	width:120px;
	float:right;
	}

/*###############################################################*/
/*--Company page-------------------------------------*/

#companyBox{
	}
#companyBox table{
	width:450px;
	border-collapse:collapse;
	margin:20px auto;
	border:1px solid #ccc;
	}

#companyBox th,#companyBox td{
	padding:10px;
	}
	
#companyBox th{
	background:#eee;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	width:7em;
	}
#companyBox td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
/*###############################################################*/

/*###############################################################*/
/*--notice page-------------------------------------*/

#companyBox{
	}
#noticeBox table{
	width:450px;
	border-collapse:collapse;
	margin:20px auto;
	border:1px solid #ccc;
	}

#noticeBox th,#noticeBox td{
	padding:12px 5px;
	}
	
#noticeBox th{
	background:#eee;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	width:9.5em;
	}
#noticeBox td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
/*###############################################################*/
/*--Link page-------------------------------------*/

#linkBox{
	margin:15px 0;
	}
#linkBox h3{
	margin:5px 0;
	padding:12px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
#linkBox ul{
	list-style:none;
	margin:10px 15px 20px;
	}
#linkBox li{
	line-height:2;
	}
/*###############################################################*/

/*--Contact page-------------------------------------*/

#contactBox h2{
	margin:5px 0;
	padding:12px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
#contactBox p{
	margin:10px 15px;
	}
#contactBox table{
	width:450px;
	border-collapse:collapse;
	margin:20px auto;
	border:1px solid #ccc;
	}
	
p.attention{color:#f00;}

#contactBox th,#contactBox td{
	padding:10px;
	}
	
#contactBox th{
	background:#eee;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
#contactBox td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
#contactBox th span{
	font-size:90%;
	color:#f30;
	}
/*###############################################################*/
/*--order page-------------------------------------*/

#orderBox h2{
	margin:5px 0;
	padding:12px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
#orderBox p{
	margin:10px 15px;
	}
#orderBox table{
	width:458px;
	border-collapse:collapse;
	margin:20px auto;
	border:1px solid #ccc;
	}

#orderBox th,#orderBox td{
	padding:12px 5px;
	}
#orderBox th span{
	font-size:90%;
	color:#f30;
	}
	
#orderBox th{
	background:#eee;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
#orderBox td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
	
/*--pick Blog page-------------------------------------*/

#machapickBox{
	margin:15px 0;
	}
#machapickBox h3{
	margin:5px 0;
	padding:12px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
#machapickBox ul{
	list-style:none;
	margin:10px 15px 20px;
	}
#machapickBox li{
	line-height:2;
	}
	
#machapickBox ul li span{
	padding-right:20px;
	}
	
/*###############################################################*/

/*###############################################################*/
/*###############################################################*/
	
/* Hack cleafix--------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix{display:inline-table;
	min-height:1px;　/* IE 7*/
}
/* IE \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*end IE */


#content:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
#content{display:inline-table;
	min-height:1px;　/* IE 7*/
}
/* IE \*/
* html #content{height:1%;}
#content{display:block;}
/*end IE */
/* END Hack cleafix--------------------------------*/

/*lightbox--------------------------------------------------*/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#333;
	}
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer{padding: 10px;}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

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