@charset "UTF-8";
/*
 * component.css
 *
 *  version --- 1.0
 *  updated --- 2012/09/1
 */

/* Component
------------------------------------------------------------------*/
h3.txt{
	font-size:110%;
	border-top:2px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	padding:5px;
	margin:0 0 10px 0;
	font-weight:bold;
}

.productsBox{
	margin:0 0 20px 0;
}

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

.productsBox{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .productsBox{height: 1%;}
.productsBox{display: block;}
/* End hide from IE-mac */

.productsBox .element{
	float:left;
	display:inline;
	width:300px;
	margin:0 25px 50px 0;
}

.productsBox .element.last{
	margin-right:0;
}

/* === clearfix ==*/
.productsBox .element:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.productsBox .element{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .productsBox .element{height: 1%;}
.productsBox .element{display: block;}
/* End hide from IE-mac */

.productsBox .element .photo{
	float:left;
	display:inline;
	width:140px;
	text-align:center;
}

.productsBox .element .txt{
	float:left;
	display:inline;
	width:150px;
	margin:0 0 0 10px;
}

#gMainBody .productsBox .element .txt h3{
	font-size:108%;
	padding:0;
	border:none;
}

.productsBox .element h3 a{
	font-weight:bold;
	text-decoration:none;
}

.productsBox .element h3 a:hover{
	text-decoration:underline;
}

.productsBox .element p{
	margin:0;
}

.productsBox.titleOnly .element{
	width:190px;
	float:left;
	display:inline;
	margin:0 30px 30px 0;
	/*
	height:190px;
	background:url(../_img/master/product_photo_bg.gif) no-repeat;
	*/
}

.productsBox.titleOnly .element.last{
	margin-right:0;
}

.productsBox.titleOnly .photo{
	float:none;
	display:block;
	text-align:center;
	margin:10px 0 10px 0;
	width:190px;
	
}

.productsBox.titleOnly .photo img{
	
}

#gMainBody .productsBox.titleOnly h3{	
	text-align:center;
}

.detailLink a{
	background:url(../_img/master/acs03.gif) no-repeat left center;
	padding:0 0 0 15px;
}

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

.productsLink{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .productsLink{height: 1%;}
.productsLink{display: block;}
/* End hide from IE-mac */

.productsLink ul{
	margin:0;
	padding:0;
}

.productsLink ul li{
	float:left;
	display:inline;
	width:190px;
	margin:0 10px 10px 0;
}

.full .productsLink ul li{
	float:left;
	display:inline;
	width:210px;
	margin:0 10px 10px 0;
}

.productsLink ul li a{
	background:url(../_img/master/acs01.gif) no-repeat left center;
	padding:0 0 0 7px;
}

.subContent{
	display:none;
}

.subContent.select{
	display:block;
}

/* === clearfix ==*/
#productsDetail:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#productsDetail{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #productsDetail{height: 1%;}
#productsDetail{display: block;}
/* End hide from IE-mac */

#productsDetail{
	margin:30px 0 0 0;
}

#productsDetail .photo{
	float:left;
	display:inline;
	width:419px;
	text-align:center;
}

#productsDetail .photo #imgViewArea{
	width:419px;
	height:419px;
	display:table-cell;
	layout-grid-line:419px;
	text-align:center;
	vertical-align:middle;
	margin:0 auto 15px auto;
}

#productsDetail .photo #imgViewArea img {
     vertical-align:middle;
}

#productsDetail .txt{
	float:right;
	display:inline;
	width:481px;
}

#productsDetail .txt h2{
	border:none;
	margin:0 0 10px 0;
	font-size:160%;
}

#productsDetail .txt .copy{
	font-weight:bold;
	font-size:120%;
}

.links{
	text-align:left;
}

.links p{
	margin:0 0 0 30px;
}

.links p.review{
	background:url(../_img/ico/review.gif) no-repeat left center;
	padding:0 0 0 20px;
}

.links p.shop{
	background:url(../_img/ico/shop.gif) no-repeat left center;
	padding:0 0 0 20px;
}

.thumbnails img{
	margin:0 2px 10px 2px;
	border:1px solid #e1e1e1;
}

#contentsNavi{
	border-bottom:1px solid #d3d3d3;
	margin:30px 0 10px 0;
}

#contentsNavi li{
	background:#9e9e9e url(../_img/master/tab.gif) repeat-x left top;
	border:1px solid #a0a0a0;
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	padding:2px 10px;
	font-size:12px;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	behavior: url(/_js/PIE.htc);
	margin:0 5px 0 0;
}

#contentsNavi li.on{
	background:#757575 url(../_img/master/tab_on.gif) repeat-x left top;
	border:1px solid #777777;
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	padding:2px 10px;
}

#contentsNavi li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#contentsNavi li a:hover{
	text-decoration:underline;
}

.freeArea{
	margin:30px 0 0 0;
}

.subContent{
	margin:0 0 20px 0;
}

#introArea{

}

/* === clearfix ==*/
#introArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#introArea{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #introArea{height: 1%;}
#introArea{display: block;}
/* End hide from IE-mac */

#introArea{
	margin:0 0 50px 0;
}

#introArea .photo{
	float:left;
	display:inline;
	width:100px;
	text-align:center;
}

#introArea #faqArea{
	float:right;
	display:inline;
	width:480px;
}

#introArea #faqArea h3{
	margin:0 0 5px 0;
	padding:0;
	background:none;
	border:none;
}

#introArea #faqArea .input input{
	vertical-align:middle;
}

#introArea #faqArea .input .inputIn{
	width:400px;
}

.faqList{
	height:200px;
	overflow-y:scroll;
}

.faqList ul{
	margin:0 10px 0 10px
}

.faqList #result{
	display:none;
}

ul.acsList li{
	background:url(../_img/master/acs01.gif) no-repeat left 8px;
	padding:0 0 0 8px;
	margin:0 0 10px 0;
}

/* === clearfix ==*/
#files:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#files{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #files{height: 1%;}
#files{display: block;}
/* End hide from IE-mac */

#files{
	margin:0 0 40px 0;
}

#files .element{
	float:left;
	display:inline;
	width:300px;
	margin:0 0 20px 0;
}

#files .element.right{
	float:right;
	display:inline;
	width:300px;
}

#files h3{
	font-size:110%;
	border-top:2px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	padding:5px;
	margin:0 0 10px 0;
	font-weight:bold;
}

#files .element ul{
	margin:0 10px;
}

.arrowLink{
	background:url(../_img/master/acs03.gif) no-repeat left center;
	padding:0 0 0 15px;
}

.backLink{
	background:url(../_img/master/acs04.gif) no-repeat left center;
	padding:0 0 0 15px;
	margin:-10px 0 30px 0;
}

.arrowLink a{
	text-decoration:underline;
}

.arrowLink a:hover{
	text-decoration:none;
}

.dateHeader{
	text-align:right;
	margin:0px 0 10px 0;
}

/* === clearfix ==*/
.news li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news li{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .news li{height: 1%;}
.news li{display: block;}
/* End hide from IE-mac */


.news li .date{
	float:left;
	display:inline;
	width:100px;
}

.news li .txt{
	float:left;
	display:inline;
	width:520px;
}

#gSubBody .sideBox{
	margin:0 0 20px 0;
}

#gSubBody .sideBox .informationList{

}

#gSubBody .sideBox .informationList li{
	background:none;
	padding:5px 0;
}

#gSubBody .sideBox .informationList li span{
	display:block;
	background:none;
	padding:0;
}

#gSubBody .sideBox .informationList li .txt{
	background:none;
}

#gSubBody .sideBox .informationList a{
	background:none;
	padding:0;
}

#gSubBody .sideBox .informationList li span.date,
#gSubBody .sideBox .informationList li span.txt{
	margin:0 10px;
}

#gSubBody .sideBox .informationList li span.date{
	background:url(../_img/master/acs01.gif) no-repeat left center;
	padding:0 0 0 8px;
}

.page{
	text-align:center;
	margin:20px 0 0 0;
}

#gMainBody .page a{
	text-decoration:underline;
}

#gMainBody .page a:hover{
	text-decoration:none;
}


/* Top
------------------------------------------------------------------*/
.top #gMainBody{
	width:690px;
	margin-bottom:50px;
}

.top #gSubBody{
	width:210px;
	margin-bottom:50px;
}

.top #gSubBody img{
	display:block;
	margin:0 0 15px 0;
}

.top #gMainBody h2{
	font-size:110%;
	border-top:2px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	padding:5px;
	margin:0 0 10px 0;
	font-weight:bold;
}

.informationListLink{
	background:url(../_img/top/acs.gif) no-repeat left center;
	padding:0 0 0 10px;
	margin:-35px 10px 0 0;
	float:right;
	display:inline;
}

.informationListLink a{
	text-decoration:underline;
}

.informationListLink a:hover{
	text-decoration:none;
}

.top #gMainBody .information{
	margin:0 10px 0 10px;
}

/* === clearfix ==*/
.top #gMainBody .information li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.top #gMainBody .information li{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .top #gMainBody .information li{height: 1%;}
.top #gMainBody .information li{display: block;}
/* End hide from IE-mac */

.top #gMainBody .information li{
	margin:0 0 10px 0;
}

.top #gMainBody .information .date{
	float:left;
	display:inline;
	width:100px;
	color:#888888;
}

.top #gMainBody .information .txt{
	float:left;
	display:inline;
	width:564px;
}

.top #gMainBody .information .txt .cat{
	background:#f7f7f7;
	border:1px solid #d3d3d3;
	padding:1px 3px;
	margin:0 5px 0 0;
	font-size:78%;
	width:95px;
	display: inline-block;
	text-align:center;
	font-weight:bold;
	color:#787575;
	vertical-align:middle;
}

/* === clearfix ==*/
.top #gMainBody .information .txt:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.top #gMainBody .information .txt{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .top #gMainBody .information .txt{height: 1%;}
.top #gMainBody .information .txt{display: block;}
/* End hide from IE-mac */

.top #gMainBody .information .txt .cat{
	background:#f7f7f7;
	border:1px solid #d3d3d3;
	padding:1px 3px;
	margin:0 5px 0 0;
	font-size:78%;
	width:95px;
	display: inline-block;
	text-align:center;
	font-weight:bold;
	color:#787575;
	vertical-align:middle;
	float:left;
	display:inline;
}

.top #gMainBody .information .txt .title{
	float:left;
	display:inline;
	width:445px;
	margin:0 0 0 10px;
}

#visualArea{
	width:957px;
	margin:0 auto;
	margin-bottom:60px;
	position:relative;
}

#mainVisual{
	margin:0;
	height:360px;
}

#mainVisual p{
	display:none;
	margin:0;
	padding:0;
}

#mainVisual p.on{
	display:block;
}


/* === clearfix ==*/
#visualArea #productsList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#visualArea #productsList{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #visualArea #productsList{height: 1%;}
#visualArea #productsList{display: block;}
/* End hide from IE-mac */

#visualArea #productsList{
	background:url(../_img/top/list_bg.gif) no-repeat;
	width:957px;
	height:196px;
}

#visualArea #productsList li{
	width:187px;
	height:187px;
	float:left;
	display:inline;
	margin:0 5px 5px 0;
}

#visualArea #productsList li{
	cursor:pointer;
}

#visualArea #productsList li.last{
	margin-right:0;
}

#visualArea #productsList li .photo{
	float:none;
	display:block;
	text-align:center;
	margin:15px 0 10px 0;	
}

#visualArea #productsList li .photo img{
	
}

#visualArea #productsList li h3{	
	text-align:center;
	font-size:95%;
}

#visualArea #productsList li h3 a{
	font-weight:bold;
}

#visualArea #selected{
	position:absolute;
	left:5px;
	top:365px;
}

.shopList{

}

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

.shopList{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .shopList{height: 1%;}
.shopList{display: block;}
/* End hide from IE-mac */

.shopList li{
	float:left;
	display:inline;
	width:145px;
	margin:0 10px 20px 0;
}

/* === clearfix ==*/
#dlList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#dlList{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #dlList{height: 1%;}
#dlList{display: block;}
/* End hide from IE-mac */

/* === clearfix ==*/
#dlList .element:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#dlList .element{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #dlList .element{height: 1%;}
#dlList .element{display: block;}
/* End hide from IE-mac */

#dlList .element{
	border-bottom:1px dotted #999;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}

#dlList .element .photo{
	float:left;
	display:inline;
	width:140px;
	text-align:center;
}

#dlList .element .txt{
	float:left;
	display:inline;
	width:450px;
	margin:20px 0 0 15px;
}

#dlList .element .txt a{
	text-decoration:underline;
}

#dlList .element .txt a:hover{
	text-decoration:none;
}

#dlList .element .txt ul{

}

#dlList .element .txt li{
	margin:0 0 5px 0;
}

.btn{
	text-align:center;
	margin:20px 0 30px 0;
}

.error{
	margin:0 0 0 20px;
}

.error li{
	list-style:disc;
	color:#c30000;
	margin:0 0 10px 0;
}

table.form th{
	width:180px;
}

.errorMes{
	color:#c30000;
	margin:0 0 4px 0;
}

.calendarIcon{
	vertical-align:middle;
}

/*---------------- sitemap --------------------*/
.sitemap li,
.sitemap ul{
	padding:0;
	margin:0;
	background:none;
	}


.sitemap #linklist a{
	text-decoration:none;
	}
 
.sitemap #linklist a:hover{
	text-decoration:underline;
	}
 
.sitemap #linklist a em{
	font-weight:bold;
	}
 
.sitemap #linklist{
	padding:5px 0 0 50px;
	}
 
.sitemap #linklist,
.sitemap #linklist ul{ list-style:none;}
.sitemap .link02,.link03,.link04{ margin-left:0; padding-left:0;}
 
.sitemap ul#linklist ul{
	line-height:1;
	margin-bottom:1em;
	padding-top:0.3em;
	background-image:url("/_img/master/first-bar.gif");
	background-repeat:repeat-y;
	background-position:20px 0px;
	}
 
.sitemap ul#linklist ul li{
	margin:0.8em 0 0.8em 0;
	padding-left:65px;
	background-image:url("/_img/master/all-bar.gif");
	background-repeat:no-repeat;
	background-position:20px 0.7em;
	font-size:12px;
	}
 
.sitemap ul#linklist ul li.lastitem{
	background-image:url("/_img/master/last-bar.gif");
	background-repeat:no-repeat;
	background-position:20px 0.5em;
	}
 
.sitemap ul#linklist{
	margin:0em 1em 2em 1em;
	}
	
/*------------------ poricy --------------------*/
ul.policy{
	padding-left:20px;
	margin-bottom:15px;
}
ul.policy li{
	float:left;
	border-right:solid 1px #cccccc;
	padding:0 10px;
	margin-bottom:10px;
}
ul.policy li a{
	color: #EB8A32;
}

/* ----------------------business -------------------*/

#business #subNavi{
	margin-bottom:20px;
}
#business #subNavi li{
	float:left;
}

#social{
	margin:0 0 25px 0;
}

/* === clearfix ==*/
#social:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#social{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #social{height: 1%;}
#social{display: block;}
/* End hide from IE-mac */

#social li{
	float:left;
	display:inline;
	width:110px;
}

#entryOptions{

}

/* === clearfix ==*/
#entryOptions:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#entryOptions{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #entryOptions{height: 1%;}
#entryOptions{display: block;}
/* End hide from IE-mac */

#entryOptions .backLink{
	float:left;
	display:inline;
	width:200px;
}

#entryOptions #social{
	float:right;
	display:inline;
	margin:-8px -20px 0 0;
}