/* CSS Document */

html{background:#666666;}

/*全体*/
body {
	text-align:center;
}
/*メイン*/
#ph_content {
	text-align:center;
	margin:0;
	padding:0 0 15px 0;
	background:#eceff2;
}
#ph_content_top, #ph_content_bottom{background:#eceff2;}
#ph_header, #ph_content, #ph_footer {
	display: inline-block;
}

#ph_content,#ph_content_top,#ph_content_bottom{
	background: #fff;
}
#ph_footer{ padding:0; margin:0;}

#box940 {
	display: inline-block;
	margin:0 auto;
	width:940px;
	background:#fff;
	
	padding-bottom:10px;
}

#box940:after, #ph_header:after, #ph_content:after, #ph_footer:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
/* Hides from IE-mac \*/
* html #box940, * html #ph_header, * html #ph_content, * html #ph_footer {
	height: 1%;
}
#box940, #ph_header, #ph_content, #ph_footer {
	display: block;
}
/* End hide from IE-mac */

/*カラムレイアウト*/
#col1 #ph_main {
	margin:0 15px;
	text-align:left;
}
#col2_r #ph_main {
	float:left;
	text-align:left;
	background:#fff;
	float:left;
	width:680px;
	padding-right:14px;
	margin:0 0 0 14px;
	border-right:1px solid #ccc;
}
* html #col2_r #ph_main  { padding-right:5px; margin-left:8px;} /* IE6 */
#col2_r #ph_sub {
	float:right;
	width:230px;
	margin:0;
	padding:0;
	text-align:left;
}
#col2_l #ph_main {
	float:right;
	text-align:left;
	width:680px;
	border-right:1px solid #ccc;
	padding-left:14px;
	margin:0 14px 0 0;
	border-right:1px solid #ccc;
}
* html #col2_l #ph_main  { padding-left:5px; margin-right:8px;} /* IE6 */
#col2_l #ph_sub {
	float:left;
	width:230px;
	margin:0;
	padding:0;
	text-align:left;
}
#col3 #ph_side {
	float:left;
	width:160px;
	margin:0;
	padding:0;
	text-align:left;
}
#col3 #ph_main {
	float:left;
	text-align:left;
	width:540px;
	margin-left:4px;
}
#col3 #ph_sub {
	float:right;
	width:230px;
	margin:0;
	padding:0;
	text-align:left;
}
/*モバイル用ページボタン*/
#tom {
	background:#000;
	padding:0;
	margin:0;
	text-align:center
}
#tom .btn_tom {
	width:940px;
	font-size:50px;
	line-height:100%;
	border:3px solid #ccc;
	font-weight:normal;
	margin:15px auto;
	padding:40px 30px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	background:#fff;
	color:#333
}
#tom img {
	vertical-align:middle;
	margin-right:5px;
	width:25px
}

/*-------------▼グローバルナビゲーション▼-------------*/

#GNavi {
	margin:0 auto;
	padding:0;
	background:url(/%7e/media/Images/Common/GNavi/bg_gnavi_bg.ashx)  repeat-x top center;
	text-align:center;
	overflow:hidden;
	color:#fff; height:40px;
}
#GNavi a{ color:#fff;}

#GNavi_in {
	width:940px;
	margin:0 auto;
	padding:0;
	height:35px;
	position:relative;
}
/*------------------メニュー---------------*/

#GNavi_menu {background:url() no-repeat left top;}
#GNavi_menu ul{ padding:0; margin:0;}
#GNavi_menu li{
list-style:none; float:left;
padding:0; margin:0; height:40px;
*zoom: 1;
}
#GNavi_menu li a{
display:block;
height:40px;
background:url(/%7e/media/Images/Common/GNavi/bg_gnavi.ashx) no-repeat left top;
*zoom: 1;
overflow : hidden;
}
#GNavi_menu li a span{ display:none;}
*html #GNavi_menu li a span{ display:block;}
/*ホーム*/
#GNavi_menu li.index_home a{
width:150px;
background-position: 0 top;
}
#GNavi_menu li.index_home a:hover {
background-position: 0 -40px;
}

#GNavi_submenu{ position:absolute; right:0; top:5px;}
#GNavi_submenu ul{padding:0; margin:0;}
#GNavi_submenu li{ list-style:none; float:right; padding:0; margin:0 0 0 10px;}
#GNavi_submenu li a{
vertical-align:middle;
display:block;
padding:2px 5px; border:1px solid #000;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
*zoom: 1;
overflow : hidden;
}
#GNavi_submenu li a:hover{border-color:#fff; text-decoration:none;}
/*IE6対策*/
* html #GNavi_submenu .index_cart a{ width:190px;}
* html #GNavi_submenu .index_en a{ width:90px;}


/*-------------------サブ---------------*/
#SNavi{
padding:0; margin:0;
color:#fff;
text-shadow: 1px 1px 3px #000;
text-decoration:none !important;
text-align:center;
}


#ph_footer #SNavi{
	background:#555;
}
#SNavi a{ color:#58ddfe; text-shadow: 1px 1px 3px #000;text-decoration:none !important;}
#SNavi a:hover{ color:#9cfffe;}

#SNavi_in {
	width:940px;
	margin:0 auto;
	padding:0;
	font-size:80%;
}
#eshopNavi {
	/*width:330px;*/
	width:430px;
	float:right;
	text-align:right;
	padding:5px 0 0 0;
}
#pankuzu {
	margin:0 auto;
	padding:7px 0 5px 0;
	text-align:left;
	font-size:11px;
	float:left;
	/*width:600px*/
	width:510px;
}
#pankuzu li{ float:left; font-size:11px; margin:0; padding:0; list-style:none;}

/*-------------▲グローバルナビゲーション▲-------------*/

/*メイン上部タイトル、SNS*/
#titleBox {
	padding:10px 15px 0 15px;
	text-align:left;
}
#sns {
	float:right;
	width:250px;
	font-size:12px;
	text-align:right;
	margin:10px 15px 0 0;
}
#sns_tw {
	float:right;
	margin-right:10px;
	width:65px
}
#sns_fb {
	float:right
}
#sns_google {
	float:right;
	margin-right:10px
}
#title {
	clear:both;
}
#title .reg {
	font-size:70%;
	font-weight:normal
}
#title_hard {
	font-size:70%;
	float:left;
	width:650px;
}
#title .subtitle {
	float:left;
	margin:5px 0 0 15px;
}
/* 大中小 */
#LMS_Box h2 {
	clear:both;
}
#LMS_Box h2 a:hover,#LMS_Box h3 a:hover{ text-decoration:none;}
#LMS_Box .largeBox {
	margin:0 0 0.9em 8px
}
#LMS_Box .mediumBox {
	margin:0 0 0.9em 8px
}
#LMS_Box .smallBox {
	margin:0 0 0.9em 18px
}

/* 大メニュー */
#index .index { color:#0000FF; cursor:pointer;}
#index .index_on { color:#0000FF; text-decoration:underline; cursor:pointer;}

/*フッター*/
#bra {
	background:#888;
	color:#fff;
	font-size:12px;
	margin:0;
	padding:10px;
	text-align:center;
}
#bra a {
	color:#fff
}
#bra ul{ padding:0; margin:0 auto; width:980px;}
#bra li{
font-size:12px; float:left; border-right:1px solid #fff;
padding:0 8px; margin:0; list-style:none;
}

#footer {
	border-top:none;
	background:#666666;
	color:#fff;
	margin:0;
	padding:15px;
	font-size:12px
}
#footer_in {
	width:940px;
	margin:0 auto
}
.footer_listbox {
	float:left;
	padding:0;
	margin-bottom:15px;
	text-align:left;
	width:155px;
	border-left:1px solid #777
}
.footer_listbox a {
	color:#fff
}
.footer_listbox h4,.footer_listbox p strong {
	font-size:12px;
	margin:0 10px 10px 10px;
}
.footer_listbox ul {
	margin:0 10px;
	padding:0
}
.footer_listbox li {
	list-style:none;
	margin-left:0;
	padding:0;
	font-size:11px;
	line-height:110%;
	margin-bottom:8px
}
/*上に戻る*/
#backTOP {
	position:fixed;
	right:5px;
	bottom:0px;
	width:70px;
	text-align:center;
	margin:0;
	padding:0;
	border:1px solid #ccc;
	border-bottom:none;
	background-color:#1291c0;
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0
}
#backTOP a {
	color:#fff;
	font-size:10px;
	width:70px;
	padding:10px 0;
	display:block;
	margin:0
}
#backTOP a:hover {
	background:#36a8d2;
	text-decoration:none;
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0
}
/*ECカート調整*/
#soryo {
	margin:0 15px !important
}

/*割引券*/
#oft_infoBigBox{
	width:100%;
	position:absolute;
	top:0;
}
#oft_info940Box{
	width:940px;
	margin:0 auto;
	position:relative;
}
#oft_infoBox{
	width:290px;
	border:1px solid #ccc;
	text-align:left;
	-webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0 0 5px 0px rgba(0,0,0,0.4);
	position:absolute;
	top:-100px;
	right:0;
	transition:			top 1s ease,
						opacity 1s ease;


	-webkit-transition:	top 1s ease,
						opacity 1s ease;
	-moz-transition:	top 1s ease,
						opacity 1s ease;
	-o-transition:		top 1s ease,
						opacity 1s ease;
}
#oft_headBox{
	background:URL(//www.sourcenext.com/img/common/bg_info_waribiki.png) repeat-x;
	height:30px;
	overflow-y:hidden;
}
#oft_infoBox #imgDiv{width:38px;height:28px; float:left; }
#oft_infoBox #btnDiv{width:15px; height:20px; float:right; }
#oft_infoBox #btnDiv a{display:block; background:URL(//www.sourcenext.com/img/common/bg_info_waribiki_btn.png) no-repeat top center;}
#oft_infoBox #btnDiv a:hover{background:URL(//www.sourcenext.com/img/common/bg_info_waribiki_btn.png) no-repeat bottom center;}
#oft_infoBox #txtDiv{padding:5px 0 0;height:28px;}
#oft_contBox{background:#fff url(http://www.sourcenext.com/img/common/bg_info_waribiki_rb.png) no-repeat bottom right;}
#oft_infoBox p{padding:0 10px 5px 10px;}

/*inner popup v2*/
#innerPopup_base{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
	z-index:999999;

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-8 */
}
#innerPopup_BoxTD{
	width:100%;
	height:100%;
}

#innerPopup_topBAR{
	text-align:right;
	height:32px;
	padding:0;
	margin-top:-32px;

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-8 */

	z-index:1000001;
	width:100%;
}

#innerPopup_FrameBox{
	padding:0;
	margin-left:auto;
	margin-right:auto;
//	background-color:#fff;
	z-index:1000002;
	max-height:80%;
	max-width:80%;
}
#innerPopup_FrameDiv{
	height:100%;
	width:100%;
	background-color:#fff;
	text-align:center;
	z-index:1000002;
}
#innerPopup_Frame{
	border:0;
	frameborder:0;
	margin:0 auto;
	height:100%;
	width:100%;
	z-index:1000002;
}
#innerPopup_topBARbox {margin:0 5px; padding-top:1px;}
#innerPopup_topBAR img{
	cursor: pointer; 
}