@charset "utf-8";

/*
	Site Name: 
	Description: base template style
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: HEADER
	2: MAIN	

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

/*
===== 1: HEADER ====================================
*/
body#top #header {
	background:transparent url(../common/top/bar_header.gif) no-repeat scroll center bottom;
	height:120px;
	margin:0pt auto;
	position:relative;
	width:940px;
}
body#top #header h1 {
	background-color:#EEEEEE;
	font-size:0.6em;
	line-height:2;
	padding-left:18px;
}
body#top p#logo {
	height:38px;
	left:20px;
	position:absolute;
	top:54px;
	width:175px;
}
body#top dl#functionNavi {
	font-size:0.6em;
	left:620px;
	line-height:1.8;
	position:absolute;
	text-align:right;
	top:0pt;
	width:300px;
}
body#top dl#functionNavi dt.menutitle {
	font-size:1px;
	left:0pt;
	line-height:1px;
	overflow:hidden;
	position:absolute;
	top:0pt;
	width:0pt;
}
body#top dl#functionNavi li.end {
	border-right:medium none;
	padding:0 0 0 1em;
}
body#top dl#functionNavi li {
	border-right:1px solid #666666;
	display:inline;
	padding:0 1em;
}
body#top ul#hNavi02 {
	left:605px;
	position:absolute;
	top:35px;
}
body#top ul#hNavi02 li {
	float:left;
	padding:0pt 5px 0pt 0pt;
}
body#top p#reminder {
	left:605px;
	position:absolute;
	top:93px;
	font-size:0.7em;
	background: url(../common/contents/ico_arrow01.gif) no-repeat left center;
	padding-left:15px;
}
body#top div#container {
	background-color:#FFFFFF;
	margin:0pt auto;
	width:940px;
}
/*
===== 2: MAIN ====================================
*/
body#top div#main {
	display:inline;
	float:left;
	width:667px;
	margin-right:1em;
}
body#top p.mainimg {
	margin:10px auto;
	text-align:center;
	width:900px;
}
body#top div#content {
	background:#FFFFFF url(../common/contents/bg_contents.gif) repeat-y scroll right top;
	font-size:0.8em;
	margin:0pt auto;
	padding:6px 0pt 0pt;
	width:900px;
}
/*2-column
-----------------------------------*/
body#top div.twoc-title{
	position:relative;
	zoom:1;
}
body#top div.twoc-title:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html body#top div.twoc-title{
	display:inline-table;
	/*\*/display:block;/**/
}
body#top div.twoc-title dl{
	margin-bottom:1em;
	border-bottom:1px solid #CCCCCC;
	padding:10px 10px 1em 10px;
}

/* news */
body#top div.twoc-title.news dl#an-mobile{
	border:solid 2px #F2F2F2;
	padding:.751em 0.35em;
	margin:1em 0 0;
	float:right;
	width:114px;
}
body#top div.twoc-title.news dl#an-mobile dt{
	text-align:center;	
	padding:0;
	margin:0;
}

body#top div.twoc-title.news dl dt{
	float:left;
	padding:0px 5px;
	width:100px;
}
body#top div.twoc-title.news dl dd{
	background:transparent url(../common/contents/ico_arrow01.gif) no-repeat 100px 5px;
	margin-bottom:2px;
	padding:0px 5px 0px 110px;
}
body#top div.twoc-title.event dl dt{
	float:left;
	width:130px;
}
body#top div.twoc-title.event dl dt img{
	border:1px solid #CCCCCC;
	padding:4px;
}
body#top div.twoc-title.event dl dd{
	padding:0px 5px 0px 150px;
}
body#top div.twoc-title.event dl dd p.eventtitle{
	background:url(../common/contents/ico_arrow01.gif) no-repeat scroll left 5px;
	padding:0 0 0 8px;
}
body#top div.twoc-title.event dl dd p.eventtitle a{
	color:#FF3366;
	font-weight:bold;
}

/* newarrival
-----------------------------------*/
body#top div.twoc-title.newarrival ul li{
	float:left;
	width:32%;
}

body#top div.twoc-title.newarrival ul li dl{
	margin-right:0.5em;
	border-bottom:none;
}
body#top div.twoc-title.newarrival ul li dl dt{
	display:inline;
	float:left;	
}
body#top div.twoc-title.newarrival ul li dl dt img{
	border:1px solid #C7C7C7;
}
body#top div.twoc-title.newarrival ul li dl dd{
	margin-left:67px;
	font-size:0.85em;
}

/* banner
-----------------------------------*/
body#top ul.banner{
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px solid #CCCCCC;
}
body#top ul.banner li{
	display:inline;
	padding-right:1.85em;
}
body#top ul.banner li.lst{
	padding-right:0em;
}

/*3-column
-----------------------------------*/
body#top div#fir-column{
	float:left;
	width:190px;
}
body#top div#fir-column div.cont{
	margin-bottom:20px;
	position:relative;
}
body#top div#fir-column div.cont p.list-vi a {
	left:134px;
	position:absolute;
	top:5px;
}
body#top div#fir-column div.cont{
	font-size:0.85em;
}
body#top div#fir-column div.cont ul,
body#top div#fir-column div.cont dl{
	padding:0 0.5em;
}
body#top div#fir-column div.cont ul a{
	display:block;
	padding-left:10px;
	background:url(../common/top/ic_allow_pnk.gif) no-repeat scroll left 0.1em;
}
body#top div#fir-column div.cont ul li{
	padding:0.75em 0;
 	background:url(../common/top/line_gray.gif) repeat-x left bottom;	
}
body#top div#fir-column div.cont dl{
	margin:0.75em 0;
}
body#top div#fir-column div.cont dl dt{
	float:left;
	width:45px;
	clear:left;
	margin-bottom:0.75em;
}
body#top div#fir-column div.cont dl dd{
	margin-left:50px;
    zoom:1;/*for IE 5.5-7*/
}
body#top div#fir-column div.cont dl dd:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html body#top div#fir-column div.cont dl dd{
	display:inline-table;
	/*\*/display:block;/**/
}
body#top p.listPage{
	left:585px;
	position:absolute;
	top:5px;
}
body#top div#sec-column{
	float:left;
	width:476px;
}

body#top div#sec-column div.cont{
	position:relative;
	margin-bottom:20px;
	min-height:213px;
    zoom:1;/*for IE 5.5-7*/
}
body#top div#sec-column div.cont:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html body#top div#sec-column div.cont{
	display:inline-table;
	/*\*/display:block;/**/
}
body#top div#sec-column div.cont p.listPage {
	left:395px;
	position:absolute;
	top:5px;
}
body#top div#sec-column div.cont ul li{
	display:inline;
	float:left;
	margin-top:0.75em;
}
body#top div#sec-column div.cont ul,
body#top div#sec-column div#wrap-item{
	padding:0 0 0 0.75em;
}
body#top div#sec-column div.cont.newarrival ul li dl.lst,
body#top div#sec-column div.cont.product div#wrap-item div.feature-item.lst{
	margin-right:0;
	width:63px;
}
/*新商品情報
------------------------------------------------*/
body#top div#sec-column div.cont.newarrival{
	min-height:213px;
}
*html body#top div#sec-column div.cont.newarrival{
	height:210px;
}
body#top div#sec-column div.cont.newarrival ul li dl{
	width:150px;
	margin-right:0.5em;
}
body#top div#sec-column div.cont.newarrival ul li dl dt{
	display:inline;
	float:left;	
}
body#top div#sec-column div.cont.newarrival ul li dl dt img{
	border:1px solid #C7C7C7;
}
body#top div#sec-column div.cont.newarrival ul li dl dd{
	margin-left:67px;
}
/*製品特集
------------------------------------------------*/
body#top div#sec-column div.cont.product h3{
	margin-bottom:0.75em;
}
body#top div#sec-column div.cont.product div.feature-item{
	display:inline;	
	float:left;
	width:28%;
	margin-right:1.65em;	
}
body#top div#sec-column div.cont.product div#wrap-item div.feature-item p{
	margin-bottom:0.25em;
	text-align:center;
}
body#top div#sec-column div.cont.product div#wrap-item div.feature-item p.exp{
	font-size:0.85em;
	text-align:left;
	padding:0 1em 0 1.5em;
}
body#top div#sec-column div.cont.product div#wrap-item div.feature-item p.g{
	border:1px solid #C7C7C7;
	/*width:66px;*/
	margin:0 auto 0.25em;
}
/*sub
------------------------------------------------*/
body#top div#sub{
	float:right;
	padding:0 7px 7px;
	width:206px;
}
body#top div#sub img{
	vertical-align:bottom;
}
body#top div#sub div#entrance{
	margin-bottom:10px;
	padding:1em 0 1em 1.25em;
	background: url(../common/top/bg_login.jpg) no-repeat left top;	
}
body#top div#sub div#entrance h4{
	margin-bottom:0.5em;
}
body#top div#sub div#entrance p.pas-reminder{
	font-size:0.85em;
	margin-bottom:0.75em;
}

body#top div#sub p.list-vi{
	position:relative;
}
body#top div#sub p.list-vi a{
	left:160px;
	position:absolute;
	top:-18px;
}
body#top div#sub ul.subList{
	background:#FFFFFF;
	border-color:#CCCCCC;
	border-style:none solid solid;
	border-width: 1px 1px;
	margin:0pt 0pt 10px;
	padding:10px;
	width:184px;
}
body#top div#sub ul.subList li p {
	margin:0 0 8px;
}
body#top div#sub p span.place img{
	margin-left:10px;
	vertical-align:middle;
}
body#top div#sub p span.subListarrow {
	background:url(../common/contents/ico_arrow01.gif) no-repeat left 4px;
	padding:0 0 0 10px;
}
body#top div#sub ul.bannerArea01 li{
	margin-bottom:7px;
}
body#top div#sub dl.bannergeneral dd {
	background:url(../common/top/bg_general.gif) no-repeat left top;
	height:150px;
	padding:10px 0 0 28px;
	width:178px;
}
/*footer
------------------------------------------------*/
body#top div#footer {
	border-top:1px solid #D9D9D9;
	clear:both;
	font-size:0.6em;
	margin:3px auto 0pt;
	width:940px;
}
body#top p#footerbn {
	border-top:1px solid #D9D9D9;
	padding:10px 0pt;
	text-align:center;
}
body#top div#footercontents {
	border-top:1px solid #D9D9D9;
}
body#top div#footercontents p {
	padding:10px 0 10px 20px;
	float:left;
	font-size:0.8em;
}
body#top div#footercontents dl#secom02 {
	float:right;
	font-size:0.7em;
	padding:15px 20px 0;
	width:206px;
}
body#top div#footercontents dl#secom02 dt{
	float:left;
	width:60px;
}
body#top div#footercontents dl#secom02 dd{
	padding:5px 0 0 0 ;
}
body#top dl#footerNavi {
	background:transparent url(../common/base/bg_footer.gif) repeat-x scroll left bottom;
	padding:2em;
	text-align:center;
}
body#top div#footer address {
	color:#919191;
	font-style:normal;
	line-height:3em;
	text-align:center;
}
body#top div#footercontents p span.orange{
	color:#FF6600;
	font-weight:bold;
}
body#top dl#footerNavi dd ul li {
	display:inline;
	margin-right:1em;
}
body#top dl#footerNavi a {
	background:transparent url(../common/base/ico_arrow02.gif) no-repeat scroll left center;
	padding-left:10px;
	text-decoration:none;
}
body#top dl#footerNavi a:hover {
	text-decoration:underline;
}


.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}