@charset "UTF-8";

/*------ 各要素をリセット -----*/

* {
	margin: 0;
	padding: 0;
	}

html {
	margin: 0;
	padding: 0;
	}

a {
outline: none;
}

fieldset, img { border:0; }

strong { font-weight: bold; color: #F09; }

em { font-style: italic; }

table,img{border:0px;}


body {
	text-align: center;
	height:100%;
	font:13px arial, verdana, "ＭＳ Ｐゴシック", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	color: #333322;
	* font-size: 81.25%; /*for IE6,IE7*/
	background-color:#fff;
	}

/*----- floatをclearするための汎用クラス定義 -----*/

.clear { clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*------ レイアウト -----*/

#wrapper {
	margin: 0;
	padding: 0 0 30px 0;
    height:100%;/* for IE6 */
	min-height:100%;
	text-align: center;
	background:url(../images/wrapper_bg.gif);
	background-repeat:repeat-x;
	}

#main {
	width: 820px;
    height:100%;/* for IE6 */
	min-height:100%;
	margin: 0 auto;
	text-align: left;
	}

/*------ ヘッダー ここから-----*/	

.header {
  width:820px;
  height:90px;
  display:block;
  margin:0;
  }

.header h1 { margin:10px 0 0 0; float:left; }

/*------ 多言語ページセレクト ここから-----*/

.select_lang{
	width:25%;
	margin-top:20px;
	float:right;
}

#lang{
	width:100%;
	padding:10px;
	border:none;
	font-size:16px;
	border-radius:5px;
	background:#ED4548;
	color:#fff;
	font-family:times new roman;
}

/*-----　コンテンツ ここから-----*/	
.contents { 
  width:820px;
  height:auto;
  }	

.contents h2 { margin-top:20px; }

.contents h3 { margin-top:20px; }



#shop_back{background-image: url(../images/shop_in.gif);
           background-repeat:repeat-y;
		   padding:0 19px 0 19px;
		   overflow:hidden;}


.col2_left{width:370px;     /*2カラム（左）*/
           margin-right:40px;
		   float:left;
           padding:0;}
	
.col2_right{width:370px;    /*2カラム（右）*/
		    float:right;
            margin:0;
            padding:0;}

.chiki_inner{width:370px;
			 overflow:hidden;}

.BOX_left{width:70px;     /*2カラム（左）*/
          margin-left:20px;
     	  float:left;
          padding:0;}
	
.BOX_right{width:260px;    /*2カラム（右）*/
		    float:right;
            margin:0;
            padding:0;}

			
a:hover img.img_alpha {opacity:0.6;                   /* ロールオーバーするときの透過指定 */ 
            	       filter: alpha(opacity=80);
	                   -ms-filter: "alpha( opacity=80 )";
	                   background:#ffffff;}		   


.marT5 { margin-top:5px; }
.marT10 { margin-top:10px; }
.marT20 { margin-top:20px; }
.marT30 { margin-top:30px; }

.marR10 { margin-right:10px; }

.marB15 { margin-bottom:15px; }

.text14 {font-size:16px; font-weight:bold; padding-top:8px; }
  
.contents ul { list-style:none; display:block; } 

.contents li { float:left;  } 
.contents li a { display:block;  } 



/*-----　フッター ここから-----*/	
.footer { 
/*
  width:820px;
  height:45px;
  margin-top:25px;
*/
	width: 820px;
	height: 40px;
	margin:0 auto;
	padding-top: 5px;
	clear:both;
	overflow:hidden;
  }	
  
.footer .left {width:300px; height:auto; float:left; }  
  
.footer .left ul { list-style:none; }    
.footer .left li a { display:block; margin-right:10px; } 
.footer .left li { float:left; margin-right:10px; } 

.footer .right {width:auto; height:auto; float:right; }

/** バナー ************************************/
.top_banner_area{}
.max_column_grid{
	width:820px;
	/*padding:5px;*/
	background:#fff;
	margin:10px 0;
}
#banner li{float:left;}
#banner{
	clear: both;
	overflow: hidden;
	height: 370px;
	width: 10000px;
}
.banner_area{}
.main_banner_active{}
.main_banner_none{}
#banner_crumb{
	width:70px;
	margin:0 auto;
	padding-top:10px;
}
#banner_crumb li{
	background:url("../images/none.gif") no-repeat;
	height:30px;
	width:30px;
	padding-right:5px;
}
#banner_crumb li.active{
	background:url("../images/active.gif") no-repeat;
}



/** インターステーシャル広告とか言う奴 ***********************************************************************/
#pr_box{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:8888;
	_position:absolute;
}
#pr_hide{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#fff;
	z-index:-1;
	opacity:0.5;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE5.5+ */
	filter: alpha(opacity=50);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	_position:absolute;
	_height:1180px;
}
#pr_bg{
	width:918px;
	margin:100px auto 0 auto;
	position:relative;
	*padding-top:100px;
}
#pr_del_btn{
	position:absolute;
	top:-10px;
	*top:90px;
	right:-10px;
}
#pr_main{}

#foot_wrap{
	width:100%;
	background-color: #165194;
	/*display:none;*/
}

/*#height{height:1500px; width:820px;}*/