@charset "UTF-8";

/* =============================

Written by Taro Utsumi CreoFUGA,INC.

Reset CSS is based on YUI Reset CSS.
YUI Reset CSS is Copyright (c) 2009, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/reset/

================================ */


/* +RESET CSS
================================ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
table{border-collapse: collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}


/* +html elements
================================ */

body{
	background-color:#fff;
	color:#724845;
	font-size:12px;
	line-height:150%;
	letter-spacing:0;
	}

html,body{
	height:100%;
	}

p,pre,address,cite {
margin: 0.5em 20px;
}

h2,h3,h4,h5,h6 {
margin: 0.5em 20px; 
}

h1 {font-size: 189%;}

h2 {font-size: 159%;}

/** h3 **/
h3 {font-size: 144%;}


h4 {
font-size: 122%;
}

h5 {
font-size: 107%;
}

h6 {
font-size: 107%;
}

pre {
padding: 0.5em 10px; 
border: 3px solid #eee;
width: 95%;
overflow: scroll;
color: #3d4263;
font-family: "Osaka�|����", monospace;
}

pre[title]::before {
margin-bottom: 0.4em;
padding: 0 10px;
display: block; 
content: attr(title);
color: black;
background-color: #eee;
}

blockquote {
margin: 1.5em 20px 1.5em 40px;
padding: 1px; 
background-color: #eee;
}

blockquote * {
color: #888;
}

blockquote[title]::before {
margin: 2px;
padding: 0.1em 16px;
display: block;
content: attr(title); 
background-color: #fff; 
}

blockquote[cite]::after {
padding: 0.1em 20px;
display: block; 
content: attr(cite);
color: #333333;
text-align: right;
}

cite {
display: block;
color: #333333;
text-align: right;
}

em {
font-weight: bold;
}

strong {
color: #ff4500;
}

code {
font-family: "Osaka�|����", monospace;
}

abbr,acronym {
}

kbd {
border: 1px solid #ccc;
padding: 0 0.3em; 
background-color: #f5f5f5;
font-family: "Osaka�|����", monospace;
text-transform: uppercase;
}

/** a **/

a{	color:#724845;
	text-decoration:none;
	overflow:hidden;}
	
a:hover{
	text-decoration:underline;
	}

a:hover img{
	opacity:0.8;}

.clear{
	clear:both;
	}





/* +topimg
================================ */


#topimg{
	background-image:url("images/topimg.gif");
	width:880px;
	height:556px;
	display:block;
	
	}



/** navi **/

#topimg ul{
	width:132px;
	padding-top:320px;
	padding-left:56px;
	}

#topimg ul li{
	margin:3px 0 ;
	}

#navi-news a,#navi-concept a,#navi-item a,#navi-shop a,#navi-profile a,#navi-onlineshop a{
	background-image:url("images/btn-menu.gif");
	height:18px;
	width:97px;
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}


#navi-news a{
	background-position: 0 7px;
	}

#navi-concept a{
	background-position: 0 -14px;
	}

#navi-item a{
	background-position: 0 -31px;
	}

#navi-shop a{
	background-position: 0 -52px;
	}

#navi-profile a{
	background-position: 0 -72px;
	}

#navi-onlineshop a{
	background-position: 0 -92px;
	}



#navi-news a:hover{
	background-position: -98px 7px;
	}

#navi-concept a:hover{
	background-position: -98px -14px;
	}

#navi-item a:hover{
	background-position: -98px -31px;
	}

#navi-shop a:hover{
	background-position: -98px -52px;
	}

#navi-profile a:hover{
	background-position: -98px -72px;

	}

#navi-onlineshop a:hover{
	background-position: -98px -92px;
	}



/* +wrap
================================ */

#wrap{
	/* background-color:#e61523; */
	padding-bottom:20px;
	}

#contents{
	width:882px;
	background-color:#fff;
	margin:0 auto;}


.pagetop{
	text-align:right;
	width:882px;
	clear:both;
	padding-top:30px;
	}

.pagetop a{
	background-image:url("images/icon01.gif");
	color:#e61523;
	background-repeat:no-repeat;
	padding-left:18px;
	}



/* +h2
================================ */


#bar-news,#bar-concept,#bar-item,#bar-shop,#bar-profile{
	display:block;
	width:880px;
	height:32px;
	text-indent:-9999px;
	margin:30px 0 30px 0;
	clear:both;
	}

#bar-news{
	background-image:url("images/bar_01.gif");
	margin-top:0;
	}

#bar-concept{
	background-image:url("images/bar_02.gif");
	}

#bar-item{
	background-image:url("images/bar_03.gif");
	}

#bar-shop{
	background-image:url("images/bar_04.gif");
	}

#bar-profile{
	background-image:url("images/bar_05.gif");
	}




/* +float
================================ */


.floatl{
	float:left;
	width:260px;
	padding-left:30px;
	padding-right:10px;
	text-align:center;
	}

.floatl span{
	margin-top:10px;
	display:block;
	}

.floatl a:hover span{
	text-decoration:underline;

	}


.floatr{
	float:right;
	width:520px;
	padding: 0 10px 0 10px;
	}

.floatl2{
	float:left;
	width:230px;
	padding-left:30px;
	padding-right:10px;
	text-align:center;
	}

.floatr2{
	float:right;
	width:550px;
	padding:0 10px 0 10px;
	}


.mb-l,.mb-r{
	margin:25px 0 25px 0;
	float:left;
	text-align:center;
	}

.mb-l{
	margin-top:45px;
	margin-left:10px;}

.mb-r{
	margin-left:20px;
	}


.mb-l span,.mb-r span{
	margin-top:10px;
	display:block;
	}

.mb-l a:hover span,.mb-r a:hover span{
	text-decoration:underline;
	}

/** onlineshop **/

.onlineshop1 a{
	clear:both;
	width:133px;
	height:32px;
	display:block;
	background-image:url("images/btn-online.jpg");
	text-indent:-9999px;
	}

.onlineshop1 a:hover{
	background-position:0 -32px;
	}



/* +h3
================================ */

.h301{
	background-image:url("images/corp_01.gif");
	width:203px;
	height:18px;
	display:block;
	text-indent:-9999px;
	margin:0;
	margin-left:30px;}

.h302{
	background-image:url("images/corp_03.jpg");
	width:288px;
	height:44px;
	text-indent:-9999px;
	margin:0;
	margin-bottom:10px;
	}

.h303{
	background-image:url("images/corp_09.jpg");
	width:315px;
	height:47px;
	text-indent:-9999px;
	margin:0;
	margin-bottom:10px;
	}

.h304{
	background-image:url("images/corp_08.jpg");
	width:157px;
	height:18px;
	text-indent:-9999px;
	margin:0;
	margin-bottom:10px;
	}


.shopl,.shopr{
	float:left;
	}

.shopl{
	float:left;
	width:400px;
	padding-left:30px;
	padding-right:10px;
	}

.shopr{
	float:right;
	width:330px;
	padding:10px;
	padding-right:30px;
	}


.profile-p{
	margin:0;
	margin-bottom:30px;
	}

/** inner **/

.inner{
	padding:10px 75px;
		
	}

.inner p{
	margin:30px 0 5px 0;
	}

.redtriangle{
	background-repeat:no-repeat;
	background-image:url("images/icon02.gif");
	color:#e61523;
	background-position:right center;
	padding-right:15px;
	
	}

td span{
	padding-left:43px;
	}

td{
	padding:10px 0 10px 0 ;
	vertical-align:top;
	}

/* +header
================================ */

#shoplink1 a{
	background-image:url("images/btn.gif");
	width:235px;
	height:35px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	right:-10px;
	bottom:5px;
	overflow:hidden;
	}

#shoplink1 a:hover{
	background-position: 0 -36.5px;
	}

#shoplink2 a{
	background-image:url("images/btn.gif");
	width:235px;
	height:35px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}

#shoplink2 a:hover{
	background-position: 0 -36.5px;
	}