@charset "utf-8";
/* CSS Document */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}
ul {list-style:none;
margin:0;
padding:0}
img { border:0;}	
.thrColAbsHdr #container { 
	position: relative; /* adding position: relative により、このコンテナに対する相対位置に 2 つのサイドバーを配置できます */
	width: 970px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
		font-size:13px;
		color:#333333;
		line-height:160%;
		font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";} 


.thrColAbsHdr #header { 
	height: 115px;
	padding: 0 5px 0 4px;
} 
.thrColAbsHdr #header h1 {
	margin:0;
/*	padding: 10px 0 0 0; 
*/	height: 58px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
/*.thrColAbsHdr #header hr { margin:10px 0 -10px 0;}*/

.navi{ margin-bottom:0; overflow:auto; clear:both;}
        
.navi a{
		display:block;
		text-indent:-9999px;
		width:160px;
		height:37px;
		margin:0px;
		float:left;
		background-image:url(images/navi.png);
		background-repeat:no-repeat;
		cursor:pointer;
	}
        
#navi_home{background-position:0 0;}
#navi_home:hover,#navi_home.hover{background-position:0 -37px;}
        
#navi_1{background-position:-160px 0;}
#navi_1:hover,#navi_1.hover{background-position:-160px -37px;}
        
#navi_2{background-position:-320px 0;}
#navi_2:hover,#navi_2.hover{background-position:-320px -37px;}
        
#navi_3{background-position:-480px 0;}
#navi_3:hover,#navi_3.hover{background-position:-480px -37px;}
        
#navi_4{background-position:-640px 0;}
#navi_4:hover,#navi_4.hover{background-position:-640px -37px;}
	    
#navi_contact{background-position:-800px 0;}
#navi_contact:hover,#navi_contact.hover{
	background-position:-800px -37px;}
	
.thrColAbsHdr #mainContent { 
	margin: 0; 
	padding: 0; 
}

#Main { 
	background-image:url(images/main.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	height:321px;
	margin:0;
}

.thrColAbsHdr div#sidebar1 {
	position:rerative;
	width: 970px;
	padding: 0 0 0 14px; 
	height:900px;
}
.thrColAbsHdr div#sidebar1 div{
	position:absolute;
	width:306px;
	background-repeat:no-repeat;
	height: 216px;
}
        
.thrColAbsHdr div#sidebar1 div a{
		text-decoration:none;
}
		 
#whatsnew {
		top:470px;
		left:13px;
		width:306px; height:216px; padding-top:0;
		background-image:url(images/1.gif);
}
#whatsnew .scroll-pane {
	width:306px; height:175px; overflow:auto; float:left; }
#whatsnew #pane1 {
	position:relative; top:45px; width:306px; height:170px; clear:both; padding-top:0em; }
#whatsnew #pane1 ul {
	width:300px; text-justify:inter-cluster; padding-bottom:20px;}
#whatsnew #pane1 li { width:inherit; margin-bottom:15px;}
#whatsnew #pane1 li a{
		font-size:13px;
		color:#333333;
		text-decoration:none;
		line-height:160%;
		font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	}
#whatsnew #pane1 a:hover p{ text-decoration:underline;}
	
#whatsnew #pane1 h5{	margin:0 0 0 0;}
#whatsnew #pane1 p{	margin:-20px 0 0 -10px;}

#whatsnew #pane1 a:hover h5 { text-decoration:underline;}	
	
/*#whatsnew #pane1 li h5:after {content : url(images/arw.gif);      }*/

.thrColAbsHdr div#sidebar1 div#scr {
		top:470px;
		left:334px;
		background-image:url(images/2.jpg);
		background-repeat:no-repeat;
		height:306px;
}
.thrColAbsHdr div#sidebar1 div#scr a{display:block; width:100%; height:95%;}
.thrColAbsHdr div#sidebar1 div#scr a:hover{background-image:url(images/2_.jpg);}

.thrColAbsHdr div#sidebar1 div#par {
		top:470px;
		left:655px;
		background-image:url(images/3.jpg);
		background-repeat:no-repeat;
		height:306px;
}
.thrColAbsHdr div#sidebar1 div#par a{display:block; width:100%; height:95%;}
.thrColAbsHdr div#sidebar1 div#par a:hover{background-image:url(images/3_.jpg);}
/*.thrColAbsHdr div#sidebar1 div#pick {
		top:778px;
		left:13px;
		background-image:url(images/4.gif);
		background-repeat:no-repeat;
		height:173px;
		margin-top:-75px;
}*/

#pick {
		top:778px;
		left:13px;
		background-image:url(images/4.gif);
		background-repeat:no-repeat;
		height:173px;
		margin-top:-75px;
		width:306px; padding-top:0;
}
#pick .scroll-pane {
	width:306px; height:120px; overflow:auto; float:left; }
#pick #pane2 {
	position:relative; top:45px; width:306px; height:120px; clear:both; padding-top:0em; }
#pick #pane2 ul {
	width:300px; text-justify:inter-cluster; padding-bottom:20px;}
#pick #pane2 li { width:inherit; margin-bottom:15px;}
#pick #pane2 li a{
		font-size:13px;
		color:#333333;
		text-decoration:none;
		line-height:160%;
		font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	}	
#pick #pane2 li h5{
	margin:0 0 -5px 0;}

#pick #pane2 a:hover h5 { text-decoration:underline;}	


.thrColAbsHdr div#sidebar1 div#order {
		top:789px;
		left:334px;
		background-image:url(images/5.jpg);
		background-repeat:no-repeat;
		height:306px;
}
.thrColAbsHdr div#sidebar1 div#order a{display:block; width:100%; height:95%;}
.thrColAbsHdr div#sidebar1 div#order a:hover{background-image:url(images/5_.jpg);}

.thrColAbsHdr div#sidebar1 div#shop {
		top:789px;
		left:655px;
		background-image:url(images/6.jpg);
		background-repeat:no-repeat;
		height:306px;
}
.thrColAbsHdr div#sidebar1 div#shop a{display:block; width:100%; height:95%;}
.thrColAbsHdr div#sidebar1 div#shop a:hover{background-image:url(images/6_.jpg);}

.thrColAbsHdr div#sidebar1 div#cst {
		top:893px;
		left:13px;
		background-image:url(images/7.gif);
		background-repeat:no-repeat;
		height:431px;
}
.thrColAbsHdr div#sidebar1 div#cst ul{
		width:310px;
		margin:136px 0 0 20px;
}
.thrColAbsHdr div#sidebar1 div#cst li {line-height: 0;}

.thrColAbsHdr div#sidebar1 div#cst li a{
		display:block;
		float:left;
		position:relative;
		margin:0 24px 24px 0;
		width:120px;
		height:75px;
		text-indent:-9999px;
}

.thrColAbsHdr div#sidebar1 div#cst li a:hover{
		background-color:#ecc5b9;
		filter: alpha(opacity=20);
		-moz-opacity:0.2;
		opacity:0.2;
}

.thrColAbsHdr div#sidebar1 div#prof {
		top:1108px;
		left:334px;
		background-image:url(images/8.jpg);
		background-repeat:no-repeat;
		height:216px;
}
.thrColAbsHdr div#sidebar1 div#prof a{display:block; width:100%; height:95%;}
.thrColAbsHdr div#sidebar1 div#prof a:hover{background-image:url(images/8_.jpg);}

.thrColAbsHdr div#sidebar1 div#con {
		top:1108px;
		left:655px;
		background-image:url(images/9.jpg);
		background-repeat:no-repeat;
		height:216px;
}
.thrColAbsHdr div#sidebar1 div#con a{display:block; width:100%; height:95%;}
.thrColAbsHdr div#sidebar1 div#con a:hover{background-image:url(images/9_.jpg);}
.thrColAbsHdr div#sidebar1 div a h6{
		margin:0;
		padding:35px 20px 0 20px;
		text-indent:-9999px;}
		
div#sidebar1 div p{
		padding:0 15px 0 15px;
		font-size:13px;
		color:#333333;
		text-decoration:none;
		line-height:160%;
		font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
div#sidebar1 div#prof p{
		padding:0 118px 0 15px;
		font-size:13px;
		color:#333333;
		text-decoration:none;
		line-height:160%;
		font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
div#sidebar1 div#con p{
		padding:0 118px 0 15px;
		font-size:13px;
		color:#333333;
		text-decoration:none;
		line-height:160%;
		font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.thrColAbsHdr #footer {
	text-align:center;
	position:relative;
	padding: 0;
	background-color:#efefef;
	height:100px;
	margin:5px 0 20px0;
} 
.fnavi{width: 960px; margin: 0 auto; overflow:auto; clear:both; margin-bottom:10px; border-bottom:#333333 1px solid;
}
        
.fnavi a{
		display:block;
		text-indent:-9999px;
		width:160px;
		height:37px;
		float:left;
		background-image:url(images/nave_f.png);
		background-repeat:no-repeat;
		cursor:pointer;
	}
        
#fnavi_home{background-position:0 0;}
#fnavi_home:hover,#fnavi_home.hover{background-position:0 -37px;}
        
#fnavi_1{background-position:-160px 0;}
#fnavi_1:hover,#fnavi_1.hover{background-position:-160px -37px;}
        
#fnavi_2{background-position:-320px 0;}
#fnavi_2:hover,#fnavi_2.hover{background-position:-320px -37px;}
        
#fnavi_3{background-position:-480px 0;}
#fnavi_3:hover,#fnavi_3.hover{background-position:-480px -37px;}
        
#fnavi_4{background-position:-640px 0;}
#fnavi_4:hover,#fnavi_4.hover{background-position:-640px -37px;}
	    
#fnavi_contact{background-position:-800px 0;}
#fnavi_contact:hover,#fnavi_contact.hover{
	background-position:-800px -37px;}
	
.thrColAbsHdr #footer p {
	margin: 0 auto;
	width: 960px;
	padding:0;
	color:#666666;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#efefef;

}
.thrColAbsHdr #footer p a{
	color:#666666;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.thrColAbsHdr #footer p a:hover{
	text-decoration:underline;
}

.fltrt { 
	float: right;
	margin-right: 10px;
}
.fltlft { 
	float: left;
	margin-left: 5px;
} 

<style type="text/css"> 
/* この条件分岐コメントに IE 5* を対象とした css ボックスモデルのフィックスを配置します */
.thrColAbsHdr #sidebar1 { width: 180px; }
.thrColAbsHdr #sidebar2 { width: 190px; }