@charset "utf-8";


/* ========================================
共通枠組み CSS

 - File Name : common.css
 - Latest Css Updates : 2012.11.27
 - Those who update it : e.y
 ------------------------------------------
======================================== */

/*-----------------------------------------------------
 - html,body
-------------------------------------------------------*/
html,body {
	height: 100%;
}

/*-----------------------------------------------------
 - tablet（タブレット用削除）
-------------------------------------------------------*/
.tablet {
	display:none;
}

/*-----------------------------------------------------
 - Wrapper
-------------------------------------------------------*/
div#Wrapper{
	text-align: center;
	min-width: 1046px;
	padding:0;	
	margin:0 auto;
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;		
	background:url(../images/bg_contents.png) repeat-y center top;
}
div#Wrapper #HeadBorder {
	background:url(../images/bg_body.png) repeat-x left top;
	width: 100%;
	height:10px;
}
div#Wrapper #Container{
	margin: 0px auto;
	width: 1000px;	
	padding:0 23px 65px;
}


/*-----------------------------------------------------
 - #Header
-------------------------------------------------------*/
#Header{	
	text-align: left;
	padding:10px 25px;
	height:58px;
	position:relative;
}
#Header h1{
	width:170px;
	float:left;
	padding:10px 0 0;
}
#Header #SearchContent{	
	float: right;
	width:390px;
}
#Header #SearchContent #SearchContentInner{
	float:right;	
}
#Header #SearchContent #SearchContentInner ul.menu{
	float: right;
	padding:1px 0 0;
}
#Header #SearchContent #SearchContentInner ul.menu li{	
	float: left;
	padding:0 0 5px 10px;
	position:relative;
}
#Header #SearchContent #SearchContentInner ul.menu li ul.sub{
	position:absolute;
	top:18px;
	left:10px;	
}
#Header #SearchContent #SearchContentInner ul.menu li ul.sub li{
	padding:0 0 0;
	height:17px;
}
#Header #SearchContent #SearchContentInner ul.menu li ul.sub a {
	background:none;
	padding:0 0 0 20px;	
}


/*-----------------------------------------------------
 - #GlobalNavi
-------------------------------------------------------*/
#GlobalNavi{
	border-top:solid 2px #eb4507;
	padding:18px 25px 20px 20px;
	height:16px;
	position:relative;	
}
#GlobalNavi ul{
	display:inline;
}
#GlobalNavi ul li{
	padding:0 75px 0 0;
	display:block;
	float:left;
	text-align:left;
}
#GlobalNavi ul li a{
	display:block;
	height:16px;
	padding:1px 0 1px 25px;	 
}	
#GlobalNavi ul li a:hover,
#GlobalNavi ul li.select a {
	background:url("../images/icon_gnavi.png") no-repeat left top;
}	
#GlobalNavi ul li.btn{
	float:right;
	width:auto;
	padding:0 !important;
	height:auto;
	position:absolute;
	top:15px;
	right:25px;
}	
#GlobalNavi ul li.btn a{
	background:none;
	padding:0;
}	


/*-----------------------------------------------------
 - #MainVisual
-------------------------------------------------------*/
#MainVisual {
	margin:0 0 25px;
	border:solid 1px #ccc;
	overflow:hidden;
	width:998px;
	position:relative;
}
#MainVisual .pht img {
	width:100%;
}


/*-----------------------------------------------------
 - #Content
-------------------------------------------------------*/
#Content {	
	width:950px;
	padding:0 25px 30px;
}
/* .ContentBox */
#Content .ContentBox {
	border:solid 1px #ccc;
	margin:0 0 10px;
	background:url("../images/bg_box.png") repeat-x left top;	
	padding:10px 8px 10px;
	text-align:left;
	position:relative;
}

#Content .ContentBox .Inner {
	margin:0;
	padding-top:20px;
}
#Content .ContentBox .link {
	text-align:center;
	padding:12px 15px 0;
}

/* 背景なし */
#Content .ContentBox.nbg {
	background:none;
}

/* .ContentBoxWrap（２カラム） */
#Content .ContentBoxWrap .ContentBox {
	width:328px;
}

/* TextBox（背景グレー） */
#Content .ContentBox .Inner .TextBox {
	background:#f5f5f5;
	padding:15px 20px;
	margin-bottom:30px;
}

/* TableBox（背景ストライプ） */
#Content .ContentBox .Inner .TableBox table {
	width:100%;
}
#Content .ContentBox .Inner .TableBox dl {
	padding:15px 20px;
}
#Content .ContentBox .Inner .TableBox dl dt {
	float:left;
	width:140px;
}
#Content .ContentBox .Inner .TableBox dl dd {
	float:right;
	width:500px;
}
#Content .ContentBox .Inner .TableBox dl dl {
	background:none !important;
}

/* AccBox（アコーディオン） */
#Content .ContentBox .Inner .AccBox{
	margin-bottom:30px;
}
#Content .ContentBox .Inner .AccBox dt{
	position:relative;
}
#Content .ContentBox .Inner .AccBox dt h3{
	font-size:116.6%;
	font-weight:bold;
	color:#e94609;
	padding:0 2px;
}
#Content .ContentBox .Inner .AccBox dt p.open{
	position:absolute;
	top:5px;
	right:10px;
	font-size:92%;
}
#Content .ContentBox .Inner .AccBox dt ul.LinkList{
	position:absolute;
	top:5px;
	right:10px;
	display:none;
}
#Content .ContentBox .Inner .AccBox dt ul.LinkList li{
	float:right;
	padding:0 0 0 35px;
	width:auto;
	font-size:92%;
}
#Content .ContentBox .Inner .AccBox dd {
	background:#f5f5f5;
	padding:35px 45px;
	position:relative;
}
#Content .ContentBox .Inner .AccBox dd p.close{
	position:absolute;
	bottom:10px;
	right:10px;
	font-size:92%;
}
#Content .ContentBox .Inner .AccBox dd p.close a{
	background:url("/common/images/icon_link_arw%20t.png") no-repeat left center;
	padding:0 0 0 15px;
}


/* icon */
#Content .ContentBox span.pdf{ /* pdfアイコン */
	background:url("../images/icon_pdf.png") right top no-repeat;
	padding:0 8px;
	height:16px;
}
#Content .ContentBox ul li a,
#Content .ContentBox dl dt a,
#Content .ContentBox dl dd a,
#Content .ContentBox .LinkList a{ /* ▲アイコン */
	background:url("../images/icon_link_arw.png") no-repeat left center;
	padding:0 0 0 15px;
}

#Content .ContentBox dt.info{ /* お知らせアイコン */
	background:url("../images/icon_info.png") right center no-repeat;
	padding-right:60px;
}
#Content .ContentBox dt.media{ /* メディアアイコン */
	background:url("../images/icon_media.png") right center no-repeat;
	padding-right:60px;
}
#Content .ContentBox dt.product{ /* 商品情報アイコン */
	background:url("../images/icon_product.png") right center no-repeat;
	padding-right:60px;
}
#Content .ContentBox dt.store{ /* 店舗情報アイコン */
	background:url("../images/icon_store.png") right center no-repeat;
	padding-right:60px;
}
#Content .ContentBox .new{ /* NEWアイコン */
	padding:4px 0 0 8px;
}


/*-----------------------------------------------------
 - #breadcrumb
-------------------------------------------------------*/
#breadcrumb {
	text-align:left;
	padding:20px 0;
	font-size:84%;
}
#breadcrumb span {
	color:#e94609 !important;
}


/*-----------------------------------------------------
 - #MainContent
-------------------------------------------------------*/
#MainContent {
	float:right;
	width:700px;
	padding:0;
}


/*-----------------------------------------------------
 - .SideMenu
-------------------------------------------------------*/
#SideMenu {
	float:left;
	width:230px;
}
#SideMenu h3 {
	border:none;
}
#SideMenu .section .link {
	text-align:right;
}
#SideMenu .section .Inner {
	padding:10px 0 0;
}

/* #ContentBox */
#SideMenu .ContentBox h2 {
	border-bottom:dotted 1px #e94609;
	padding:2px 10px 10px 32px;
}

#SideMenu .ContentBox h2.lvl2 {
	border-bottom:dotted 1px #e94609;
	padding:2px 10px 10px 10px;
}

#SideMenu .ContentBox .link {
	text-align:right;
	padding:12px 15px 0;
}

/* h2 */
#SideMenu .ContentBox h2 {
	background-position:10px top;
}

/* #MenuBox（メニュー枠） */
#SideMenu #MenuBox.ContentBox ul {
    /*padding-top:20px;*/
}
#SideMenu #MenuBox.ContentBox ul li{
	padding:0 5px;
}
#SideMenu #MenuBox.ContentBox ul li a {
    line-height:2em;
	background-position:left top;
}


/*-----------------------------------------------------
 - #SNSArea
-------------------------------------------------------*/
#SNSArea {
	position:absolute;
	top:50px;
	right:0;
	overflow:hidden;
}
.SNSBox {
	float:right;
	margin-left:5px;
}
#mixi_like {
	width:60px;
}

/*-----------------------------------------------------
 - #PagetopBlock
-------------------------------------------------------*/
#PagetopBlock {
	width:475px;
	text-align:right;
	padding:0 25px 0 000px;
	font-size:84%;
	line-height:1.5 !important;
	position: absolute;
	bottom: 50px;
	left:50%;
}
#PagetopBlock a {
	background:url("../images/icon_pagetop_arw.png") no-repeat left center;
	padding:0 0 0 14px;
}

/*-----------------------------------------------------
 - #Footer
-------------------------------------------------------*/
#Footer {
	width:100%;
	background:#e94609;
	color:#fff;
	padding:10px 0;
	text-align:center;
	/*min-width: 1046px;*/
	bottom: 0;
}
#Footer #FooterInner {
	width:960px;
	margin:0 auto;
	padding:0 20px;
}
#Footer ul {
	float:left;
	font-size:84%;
}
#Footer ul li {
	padding:0 5px;
	float:left;
}
#Footer ul li a {
	color:#ff9966;
	text-decoration:none;
	padding:0 0 0 9px;
}
#Footer ul li a:hover {
	color:#fff;
	text-decoration:none;
	border-left:solid 4px #fff;
	padding:0 0 0 5px;
}
#Footer .copy {
	font-size:92% !important;
	float:right;
}


/*-----------------------------------------------------
 - Media Queries（タブレット対応）
-------------------------------------------------------*/
@media only screen and (max-width: 1024px) and (min-width: 769px) and (max-device-width: 1024px){
/*-----------------------------------------------------
 - tablet（タブレット用）
-------------------------------------------------------*/
.tablet {
	display:none;
}
/*-----------------------------------------------------
 - Wrapper
-------------------------------------------------------*/
div#Wrapper{
	min-width: 100%;
}
div#Wrapper #Container{
	width: 1000px;	
	padding:0 12px 65px;
}
}

	
@media only screen and (max-width: 768px) and (min-device-width: 640px) and (max-device-width: 768px){
/*-----------------------------------------------------
 - tablet（タブレット用）
-------------------------------------------------------*/
.tablet {
	display:block;
}

/*-----------------------------------------------------
 - Wrapper
-------------------------------------------------------*/
div#Wrapper{
	/*text-align: center;*/
	min-width: 768px;
	/*padding:0;	
	margin:0 auto;
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;		
	background:url(../images/bg_contents.png) repeat-y center top;*/
}
/*div#Wrapper #HeadBorder {
	background:url(../images/bg_body.png) repeat-x left top;
	width: 100%;
	height:10px;
}*/
div#Wrapper #Container{
	/*margin: 0px auto;*/
	width: 728px;	
	padding:0 20px 65px;
}

/*-----------------------------------------------------
 - #Header
-------------------------------------------------------*/
#Header{	
	/*text-align: left;*/
	padding:10px 20px;
	/*height:58px;
	position:relative;*/
}
/*#Header h1{
	width:170px;
	float:left;
	padding:10px 0 0;
}
#Header #SearchContent{	
	float: right;
	width:390px;
}
#Header #SearchContent #SearchContentInner{
	float:right;	
}
#Header #SearchContent #SearchContentInner ul.menu{
	float: right;
	padding:1px 0 0;
}
#Header #SearchContent #SearchContentInner ul.menu li{	
	float: left;
	padding:0 0 5px 10px;
	position:relative;
}
#Header #SearchContent #SearchContentInner ul.menu li ul.sub{
	position:absolute;
	top:18px;
	left:10px;	
}
#Header #SearchContent #SearchContentInner ul.menu li ul.sub li{
	padding:0 0 0;
	height:17px;
}
#Header #SearchContent #SearchContentInner ul.menu li ul.sub a {
	background:none;
	padding:0 0 0 20px;	
}*/

/*-----------------------------------------------------
 - #GlobalNavi
-------------------------------------------------------*/
#GlobalNavi{
	/*border-top:solid 2px #eb4507;*/
	padding:18px 20px 20px 20px;
	/*height:16px;
	position:relative;*/	
}
/*#GlobalNavi ul{
	display:inline;
}*/
#GlobalNavi ul li{
	padding:0 25px 0 0;
	/*display:block;
	float:left;
	text-align:left;*/
}
/*#GlobalNavi ul li a{
	display:block;
	height:16px;
	padding:1px 0 1px 25px;	 
}	*/
/*#GlobalNavi ul li a:hover,
#GlobalNavi ul li.select a {
	background:url("../images/icon_gnavi.png") no-repeat left top;
}	
#GlobalNavi ul li.btn{
	float:right;
	width:auto;
	padding:0 !important;
	height:auto;
	position:absolute;
	top:15px;
	right:25px;
}	
#GlobalNavi ul li.btn a{
	background:none;
	padding:0;
}*/	
*#GlobalNavi ul li a:hover {
	background:none;
}	


/*-----------------------------------------------------
 - #MainVisual
-------------------------------------------------------*/
#MainVisual {
	margin:0 0 15px;
	/*border:solid 1px #ccc;;
	overflow:hidden;*/
	width:726px;
	/*position:relative;*/
}

/*-----------------------------------------------------
 - #Content
-------------------------------------------------------*/
#Content {	
	width:706px;
	padding:0 10px 30px;
}
/* .ContentBox */
/*#Content .ContentBox {
	border:solid 1px #ccc;
	margin:0 0 10px;
	background:url("../images/bg_box.png") repeat-x left top;	
	padding:10px 8px 10px;
	text-align:left;
	position:relative;
}

#Content .ContentBox .Inner {
	margin:0;
	padding-top:20px;
}
#Content .ContentBox .link {
	text-align:center;
	padding:12px 15px 0;
}*/

/* 背景なし */
#Content .ContentBox.nbg {
	background:none;
}

/* .ContentBoxWrap（２カラム） */
#Content .ContentBoxWrap .ContentBox {
	width:328px;
}

/* TextBox（背景グレー） */
#Content .ContentBox .Inner .TextBox {
	background:#f5f5f5;
	padding:15px 20px;
	margin-bottom:30px;
}

/* TableBox（背景ストライプ） */
#Content .ContentBox .Inner .TableBox table {
	width:100%;
}
#Content .ContentBox .Inner .TableBox dl {
	padding:15px 20px;
}
#Content .ContentBox .Inner .TableBox dl dt {
	float:left;
	width:140px;
}
#Content .ContentBox .Inner .TableBox dl dd {
	float:right;
	width:500px;
}
#Content .ContentBox .Inner .TableBox dl dl {
	background:none !important;
}

/* AccBox（アコーディオン） */
#Content .ContentBox .Inner .AccBox{
	margin-bottom:30px;
}
#Content .ContentBox .Inner .AccBox dt{
	position:relative;
}
#Content .ContentBox .Inner .AccBox dt h3{
	font-size:116.6%;
	font-weight:bold;
	color:#e94609;
	padding:0 2px;
}
#Content .ContentBox .Inner .AccBox dt p.open{
	position:absolute;
	top:5px;
	right:10px;
	font-size:92%;
}
#Content .ContentBox .Inner .AccBox dt ul.LinkList{
	position:absolute;
	top:5px;
	right:10px;
	display:none;
}
#Content .ContentBox .Inner .AccBox dt ul.LinkList li{
	float:right;
	padding:0 0 0 35px;
	width:auto;
	font-size:92%;
}
#Content .ContentBox .Inner .AccBox dd {
	background:#f5f5f5;
	padding:35px 45px;
	position:relative;
}
#Content .ContentBox .Inner .AccBox dd p.close{
	position:absolute;
	bottom:10px;
	right:10px;
	font-size:92%;
}
#Content .ContentBox .Inner .AccBox dd p.close a{
	background:url("/common/images/icon_link_arw%20t.png") no-repeat left center;
	padding:0 0 0 15px;
}


/* icon */
#Content .ContentBox span.pdf{ /* pdfアイコン */
	background:url("../images/icon_pdf.png") right top no-repeat;
	padding:0 8px;
	height:16px;
}
#Content .ContentBox ul li a,
#Content .ContentBox dl dt a,
#Content .ContentBox dl dd a,
#Content .ContentBox .LinkList a{ /* ▲アイコン */
	background:url("../images/icon_link_arw.png") no-repeat left center;
	padding:0 0 0 15px;
}

#Content .ContentBox dt.info{ /* お知らせアイコン */
	background:url("../images/icon_info.png") right center no-repeat;
	padding-right:60px;
}
#Content .ContentBox dt.media{ /* メディアアイコン */
	background:url("../images/icon_media.png") right center no-repeat;
	padding-right:60px;
}
#Content .ContentBox dt.new{ /* 更新情報アイコン */
	background:url("../images/icon_new.png") right center no-repeat;
	padding-right:60px;
}
#Content .ContentBox dt.product{ /* 商品情報アイコン */
	background:url("../images/icon_product.png") right center no-repeat;
	padding-right:60px;
}
#Content .ContentBox dt.store{ /* 店舗情報アイコン */
	background:url("../images/icon_store.png") right center no-repeat;
	padding-right:60px;
}


/*-----------------------------------------------------
 - #breadcrumb
-------------------------------------------------------*/
#breadcrumb {
	/*text-align:left;*/
	padding:15px 0;
	/*font-size:84%;*/
}
/*#breadcrumb span {
	color:#e94609 !important;
}*/


/*-----------------------------------------------------
 - #MainContent
-------------------------------------------------------*/
#MainContent {
	/*float:right;*/
	width:470px;
	/*padding:0;*/
}


/*-----------------------------------------------------
 - .SideMenu
-------------------------------------------------------*/
#SideMenu {
	float:left;
	width:230px;
}
#SideMenu h3 {
	border:none;
}
#SideMenu .section .link {
	text-align:right;
}
#SideMenu .section .Inner {
	padding:10px 0 0;
}

/* #ContentBox */
#SideMenu .ContentBox h2 {
	border-bottom:dotted 1px #e94609;
	padding:2px 10px 10px 32px;
}
#SideMenu .ContentBox .link {
	text-align:right;
	padding:12px 15px 0;
}

/* h2 */
#SideMenu .ContentBox h2 {
	background-position:10px top;
}

/* #MenuBox（メニュー枠） */
#SideMenu #MenuBox.ContentBox ul {
    /*padding-top:20px;*/
}
#SideMenu #MenuBox.ContentBox ul li{
	padding:0 5px;
}
#SideMenu #MenuBox.ContentBox ul li a {
    line-height:2em;
	background-position:left top;
}


/*-----------------------------------------------------
 - #SNSArea
-------------------------------------------------------
#SNSArea {
	position:absolute;
	top:50px;
	right:0;
	overflow:hidden;
}
.SNSBox {
	float:right;
	margin-left:5px;
}
#mixi_like {
	width:60px;
}*/

/*-----------------------------------------------------
 - #PagetopBlock
-------------------------------------------------------*/
#PagetopBlock {
	width:700px;
	text-align:right;
	padding:0 34px;
	/*font-size:84%;
	line-height:1.5 !important;*/
	position: absolute;
	bottom: 60px;
	left:0;
}
/*#PagetopBlock a {
	background:url("../images/icon_pagetop_arw.png") no-repeat left center;
	padding:0 0 0 14px;
}*/

/*-----------------------------------------------------
 - #Footer
-------------------------------------------------------*/
/*#Footer {
	width:100%;
	background:#e94609;
	color:#fff;
	padding:10px 0;
	text-align:center;
	position: absolute;
	bottom: 0;
}*/
#Footer #FooterInner {
	width:708px;
	/*margin:0 auto;
	padding:0 20px;*/
}
/*#Footer ul {
	float:left;
	font-size:84%;
}
#Footer ul li {
	padding:0 5px;
	float:left;
}
#Footer ul li a {
	color:#ff9966;
	text-decoration:none;
	padding:0 0 0 9px;
}
#Footer ul li a:hover {
	color:#fff;
	text-decoration:none;
	border-left:solid 4px #fff;
	padding:0 0 0 5px;
}
#Footer .copy {
	font-size:92% !important;
	float:right;
}*/

}