@charset "UTF-8";

/**********************************

box setting
	
**********************************/

#Wrapper{
	width:100%;
	margin:0 auto;
	text-align:left;
	background: url(../img/tmpl/h-bg-all.png) 0 0 repeat-x;
}


#HeadArea{
	width:1000px;
	margin:0 auto;
	padding-top:9px;
	min-height:112px;
}

	#HeadArea:after{
		content: '' !important; display: block !important; clear: both !important; height: 0.01px !important; visibility: hidden !important;	
	}

#container{
	width:1000px;
	margin:0 auto 3em;
}

#container:after{
	content: '' !important; display: block !important; clear: both !important; height: 0.01px !important; visibility: hidden !important;	
}

#LeftArea{
	width:220px;
	float:left;
	margin-top:10px;
}

/* */
#one_maincolumn{
	width:1000px;
	margin-top:1em;	
}

/* */
#two_maincolumn_left,
#two_maincolumn_right{
	width:770px;
	padding-left:10px;
	float:left;
	margin-top:1em;	
}

/* */
#three_maincolumn{
	width:560px;
	float:left;
	margin-top:1em;
}

#RightArea{
	width:220px;
	float:left;
	margin-top:5px;
}

#FooterArea{
	width:100%;
	background-color:#ffdcde;

}


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

Head

============================================================ */
h1,
#Catch{
	width:912px;
	margin:0 auto;
	text-align:center;
	color:#000;
	padding:5px 0 10px;
	font-weight:normal;
	background: url(../img/tmpl/rnd-top.png) 0 bottom no-repeat;
	font-size:80%;
}


#HeadArea h2{
	float:left;
	width:420px;
	padding-top:3px;
}

#HeadAreaBG{
	width:100%;
	background: url(../img/tmpl/h-bg.png) center 0 no-repeat;
}

#HeaderRight{
	width:520px;
	float:left;
}

	#Gnavi{
		width:1000px;
		font-size:0;
		zoom:1;
		clear:both;
		margin:0 auto;
	}
	
		#Gnavi:after {
			content: " ";	display: block;	visibility: hidden; clear: both; height: 0; font-size: 0.1em; line-height: 0;
		}
	
	#Gnavi li{
		float:left;
		font-size:0;
		zoom:100%;
background:#c13;
background:radial-gradient(red,white,white);
	}
	
	#Gnavi li img{
		vertical-align:bottom;	
	}

	#Gnavi a:hover{
opacity:0.7;
}

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

Header Bottom

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

#HeadBottomSec{
	width:1000px;
	margin:10px auto 0;
}
#HeadBottomSec .newbox img{
float:left;
}
#HeadBottomSec:after{
	content: '' !important; display: block !important; clear: both !important; height: 0.01px !important; visibility: hidden !important;	
}

#HeadBottomSec .rankBox{
	width:220px;
	float:left;
	margin:0px 0 0 5px;
}

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

Block

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

#LeftArea .bloc{
	width:220px;
	margin-bottom:1em;
}

#LeftArea a:link,
#LeftArea a:visited{
	color:#797979;
	text-decoration:underline;
}

#LeftArea a:hover{
	color:#ffcbcb;
	text-decoration:underline;
}

.blItemSearch{
	width:100%;
}

.blItemSearch:after{
	content: '' !important; display: block !important; clear: both !important; height: 0.01px !important; visibility: hidden !important;	
}

.blItemSearch dd{
	width:160px;
	float:left;	
	margin-left:10px;
}

.blItemSearch dd input{
	background: url(../img/tmpl/icon-search.png) 2px 2px no-repeat;	
	border:2px solid #ff618a;
	width:130px;
	padding-left:20px;
}

.blItemSearch .btn{
	float:left;
	width:50px;	
}

/* */
.blCategory{}

.blCategory ul{
	margin:.75em .5em;
}

.blCategory li{
	color:#797979;
	list-style:disc;
	list-style-position:inside;
	text-align:left;
}

/* */
.blOtherLinks{}

.blOtherLinks li{
	margin-bottom:5px;	
	text-align:center;
	line-height:100%;
}


/**********************************

 
	
**********************************/


#three_maincolumn .bloc{
	width:100%;
	margin-bottom:1em;
}

/* */
.blRank{}

.blRank h3{
	margin-bottom:8px;	
}

.blRank ol{
	width:100%;	
}

.blRank ol:after{
	content: '' !important; display: block !important; clear: both !important; height: 0.01px !important; visibility: hidden !important;	
}

.blRank li{
	width:168px;
	float:left;
	margin-left:14px;
text-align:center;
height: 206px;
font-size: 16px;
font-weight: bold;
text-shadow:0px 0px 2px #fff;
}
.blRank li img{
box-shadow:1px 1px 2px #fff;
}
.blRank li a{
text-decoration:none;
color:#f30;
}
.blRank li a:hover{
opacity:0.7;
}
.blRank li a:visited{
color:#f70;
}
.blRank li:nth-child(1){
background:url('/shop/user_data/packages/ga2sub/img/tmpl/first.png') no-repeat;
}
.blRank li:nth-child(2){
background:url('/shop/user_data/packages/ga2sub/img/tmpl/second.png') no-repeat;
}
.blRank li:nth-child(3){
background:url('/shop/user_data/packages/ga2sub/img/tmpl/third.png') no-repeat;
}



/* */
.blCenterBnr{
	text-align:center;
}

.blCenterBnr p{
	margin-bottom:1.5em;	
}

/* */
.blGuide{}


.blGuide ul{
	margin:5px 0 0 8px;	
}

.blGuide li{
	display:inline;
	vertical-align:bottom;	
}

.blGuide li img{
	vertical-align:bottom;		
}


/**********************************
 
	
**********************************/

#RightArea .bloc{
	width:220px;	
	margin-bottom:1em;	
}

.blRightBnrArea{
	text-align:center;
}

.blRightBnrArea p{
	margin-bottom:5px;	
}

/* */
.blBooks{
	width:210px!important;
	margin:0 auto;
	background: url(../img/tmpl/bl-book-bg-all.png) 0 0 repeat-y;
}

.blBooksBtm{
	background: url(../img/tmpl/bl-book-bg-btm.png) 0 bottom no-repeat;	
	padding-bottom:10px;
}

.blBooks p{
	text-align:center;
	font-size:90%;
	line-height:120%;
}

.blBooks .line{
	background: url(../img/tmpl/bl-book-line.png) 0 bottom repeat-x;
	width:180px;
	margin:0 auto 1em;
	padding:10px 0;
}





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

 

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

#FooterArea .footContent{
	width:1000px;
	margin:0 auto;
	padding-top:15px;
	padding-bottom:10px;
	text-align:left;
}

#FooterArea .footContent:after{
	content: '' !important; display: block !important; clear: both !important; height: 0.01px !important; visibility: hidden !important;	
}

#FooterArea li{
	list-style:disc;
	list-style-position:inside;
}

#FooterArea .noStyle li{
	list-style:none!important;
}

#FooterArea .linkSecA{
	width:215px;
	float:left;
	color:#9f0000;
}

#FooterArea .linkSecB{
	width:175px;
	float:left;
	color:#9f0000;
}

#FooterArea .linkSecC{
	width:210px;
	float:left;
	color:#9f0000;
}

#FooterArea .linkSecD{
	width:400px;
	float:left;
	color:#9f0000;
}


#FooterArea .linkSecD:after{
	content: '' !important; display: block !important; clear: both !important; height: 0.01px !important; visibility: hidden !important;	
}

#FooterArea .linkSecA a:link,
#FooterArea .linkSecA a:visited,
#FooterArea .linkSecB a:link,
#FooterArea .linkSecB a:visited,
#FooterArea .linkSecC a:link,
#FooterArea .linkSecC a:visited,
#FooterArea .linkSecD a:link,
#FooterArea .linkSecD a:visited{
	color:#9f0000;
	text-decoration:underline;
}

#FooterArea .linkSecA a:hover,
#FooterArea .linkSecB a:hover,
#FooterArea .linkSecC a:hover,
#FooterArea .linkSecD a:hover{
	text-decoration:none;
	color:#FFC6BA;
}

#FooterArea .half{
	float:left;
	width:50%;	
}

#FooterArea .threeColm{
	float:left;
	width:33%;	
}

#FooterArea .companyName{
	background: url(../img/tmpl/f-bg-company-btm.png) 0 bottom no-repeat #FFF;
	margin:8px 0 5px 105px;
	width:265px;
	color:#9f0000;
}

#FooterArea .companyName p{
	background: url(../img/tmpl/f-bg-company-head.png) 0 top no-repeat;	
	color:#9f0000;
	padding:8px 10px 4px;
	line-height:120%;
}

#FooterArea .companyName address{
	color:#9f0000;
	padding:0 10px 5px;
	letter-spacing:-1px;
	font-style:normal;
	line-height:120%;	
}

#copyRight{
	text-align:right;
	color:#9f0000;
	padding-top:8px;
}



/**********************************

common
	
**********************************/

.alterCnt{
	width:690px;
	margin:2em auto;
}

.makerItemList{
	width:900px;
	margin:0 auto;
	padding-bottom:1em;
}

.makerItemList:after{
	content: '' !important; display: block !important; clear: both !important; height: 0.01px !important; visibility: hidden !important;	
}

.makerItemList .innerR{
	position:relative;
	float:left;
}

.makerItemList .innerN{
	position:relative;
	float:right;
}

.makerItemList .btnSingleR{
	position:absolute;
	bottom:4px;
	left:35px;
}

.makerItemList .btnMansionR{
	position:absolute;
	bottom:4px;
	left:242px;		
}

.makerItemList .btnSingleN{
	position:absolute;
	bottom:4px;
	left:10px;
}

.makerItemList .btnMansionN{
	position:absolute;
	bottom:4px;
	left:218px;		
}

.addressCheck{
	position:absolute;
	bottom:-18px;
	left:6px;
	/*background-color:#D6BD66;*/
	background-color:#333;
}

.addressCheck a{
	cursor:default;	
}

.convArea{
	position:relative;	
}

.convArea .btn{
	position:absolute;
	top:18px;
	right:18px;
}

.convArea .btn2nd{
	position:absolute;
	top:58px;
	right:41px;
}