@charset "Shift_JIS";

/*
* 
* 	base.css
*	
*	1全体の指定
*	2BODY
*	3リンクカラー
*	4ヘッダー
*	5ナビ脇の検索欄
*	6clearfix
*	7サイトナビゲーション
*	8左メニューなし：mainコンテンツ
*   9左メニューあり：mainコンテンツ
*	10フッター
*	11配置スタイル
*	12文字の設定
*	
*	「=」と数字で検索
*	
*/

/* =1全体の指定 
---------------------*/
*{
	margin: 0px;
	padding: 0px;
	}
img{
	border: none;
	vertical-align: top;
	}
ul,ol{
	list-style: none;
	}
table{
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	}
h1,h2,h3,h4,h5{
	font-size: 100%;
	font-style: normal;
	}

/* =2BODY
---------------------------------------*/
html{
/*	overflow-y: scroll; */
	}
body{
	background: #e6e6e6;
	color: #333333;
	font-size: small;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.3;
	/*\*/
	letter-spacing: 0.7px;
	/**/
	text-align: center;
	}
   
/* =3リンクカラー
---------------------*/
a,a:visited{
	color: #0000ff;
	text-decoration: underline;
	}
a:hover{
	color: #ed345d;
	text-decoration: none;
	}
   
/* =4ヘッダー
---------------------*/
#header{ background: #fff; }
#headercontainer{
	position: relative;        
	width: 950px;
	height: 74px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/base/bg_header.jpg) no-repeat;
	text-align: left;
	}
#logo,#cphrase,#cart{ position: absolute; }
#logo{ top: 7px; }
#cphrase{
	top: 18px;
	right: 222px;
	}
#cart{
	top: 15px;
	right: 0;
	}

/* =5ナビ脇の検索欄
--------------------------*/
#search{
	position: absolute;
	top: 6px;
	right: 0;
	width: 419px;
	text-align: right;
	}
.searchselect{
	width:120px;
	overflow: hidden;
	}
.searchbox{
	width: 179px;
	height: 15px;
	}
.searchselect,
.searchbox,
.searchbutton{ vertical-align: middle; }

/* =6clearfix
---------------------*/
#main:after,
#maincontainer:after,
#footer:after,
#topcontainer:after,
#faqindex:after,
#printmain:after{
	content: url(../images/base/spacer.gif);
	display: block;
	clear: both;
	height: 0;
	}
#main,
#maincontainer,
#footer,
#topcontainer,
#faqindex,
#printmain{ display: inline-block; }
#main,
#maincontainer,
#footer,
#topcontainer,
#faqindex,
#printmain{ display: block; }
		
/* =7サイトナビゲーション
------------------------------*/
#sitenavigation{
	background: #000;
	}      
#sncontainer,#maincontainer,#footercontainer{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
#sncontainer{
	position: relative;
	height: 33px;
	}
#smenu{
	position: absolute;
	height: 33px;
	left: 0;
	top: 0;
	}
#smenu li{
	display: block;
	float: left;
	height: 33px;
	}
#smenu li a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 33px;
	padding-top: 33px;
	background-image: url(../images/base/bg_snav.gif);
	background-repeat: no-repeat;
	}
#nav1{ width: 84px; }
#nav2,#nav4,#nav5{ width: 115px; }
#nav3{ width: 91px; }
#nav1 a{ background-position: 0 0; }
#nav2 a{ background-position: -84px 0; }
#nav3 a{ background-position: -199px 0; }
#nav4 a{ background-position: -290px 0; }
#nav5 a{ background-position: -405px 0; }
#nav1 a:hover{ background-position: 0 -33px; }
#nav2 a:hover,
ul.guide li#nav2 a{ background-position: -84px -33px; }
#nav3 a:hover,
ul.buy li#nav3 a{ background-position: -199px -33px; }
#nav4 a:hover,
ul.faq li#nav4 a{ background-position: -290px -33px; }
#nav5 a:hover,
ul.contact li#nav5 a{ background-position: -405px -33px; }
#nav6 a:hover,
ul.contact li#nav6 a{ background-position: -484px -33px; }

/* =8左メニューなし：mainコンテンツ
-----------------------------------------*/
#main{
	padding-top: 22px;
	background :#fff url(../images/base/bg_gl.jpg) repeat-x top center;
	}
#maincontents{
	margin: 0 90px;
	padding-bottom: 60px;
	}
#printmain{
	padding: 10px 0 400px;
	background: #fff;
	}
#pagenav{
	margin: 7px 0;
	font-size: 84%;
	}

/* =9左メニューあり：mainコンテンツ
-----------------------------------------*/
#leftcontents{
	float: left;
	width: 162px;
	padding-bottom: 30px;
	}
#maincontents2{
	float: right;
	width: 770px;
	padding-bottom: 40px;
	}
		
/* =10フッター
---------------------*/
#footer{
	padding: 12px 0 20px 0;
	background: #e6e6e6;
	}
#footercontainer{
	clear: both;
	font-size: 84%;
	text-align: center;
	}
#footer ul{
	margin-bottom: 12px;
	}
#footer ul li{
	display: inline;
	margin-right: 8px;
	}
#footer p{ margin-bottom: 3px; }
	        
/* =11配置スタイル
---------------------*/
.l{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	}
.r{
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	}
.rt{ text-align: right; }
.rtc{
	clear: both;
	padding :12px 0;
	text-align: right;
	}
.lt{ text-align: left; }
.c,.cover{ clear: both; }
.ce{
	clear: both;
	text-align: center;
	}
.m{ vertical-align: middle; }
.pagetop{
	clear: both;
	padding: 10px 0 5px;
	text-align: right;
	font-size: 84%;
	}
.pagetop a{
	padding-left: 13px;
	background: url(../images/base/icon_top.gif) no-repeat center left;
	color: #000;
	}

/* =12文字の設定 
---------------------*/
.attention{ font-size: 84%; }
.test td{
	padding: 10px;
	border: 1px solid #ccc;
	text-align: center;
	}
.emphasis{
	color: #09f;
	font-weight: bold;
	}