@charset "Shift_JIS";

/* ページ基本設定　タグ*/
body{
	margin:0px;
	padding:0px;
	color:#333333;
	font-size:12px;
	line-height:140%;
	scrollbar-base-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#003399;
	scrollbar-shadow-color:#7BAFEE;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-highlight-color:#7BAFEE;
	scrollbar-3dlight-color:#EBF2FC;
	scrollbar-track-color:#ffffff;
	background-color:#D3E4FA;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

p{
	margin:0px 2px;
	padding: 0px;
	text-align: left;
}
h1{
	text-align:right;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
}
h2{
	margin :0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
}
h3{
	margin: 5px 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
}
h4{
	font-size: 14px;
}


img {border: none;}

em{
	font-style: normal;
	font-weight: normal;
}

.pankuzu strong{
	font-style: normal;
	font-weight: normal;
}

.pankuzu2 strong{
	font-style: normal;
	font-weight: normal;
}




/* ページ基本設定　フォームタグ*/
form {margin: 0;}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
input{
	vertical-align: middle;
	margin-bottom: 1px;
}
select, textarea {
	vertical-align: middle;
	margin-bottom: 1px;
}

input.radio, input.checkbox {
	vertical-align: middle;
	background: transparent;
}
.submit20px{
	height: 20px;
	background-color: #ffffff;
}

.submitb{
	background-color: #E3EEFB;
	height: 25px;
}
.area{
	width:485px;
	font-size: 12px;
	line-height: 140%;
}
/* 行間設定*/
.line160 {
	line-height: 160%;
}

/* リンク基本設定*/
a {
	line-height: 140%;
	padding: 0;
	color:#333333;
}

/* リンクカラー初期ブルー設定*/
a:link{text-decoration:none;color:#0066FF;}
a:visited{text-decoration:none;color:#0066FF;}
a:hover{text-decoration:underline;color:#0066FF}
a:active{text-decoration:underline;color:#0066FF}




/* リンクカラー初期グレイ設定*/
a.glay:link{
	text-decoration:none;
	line-height: 150%;
	color:#333333;
}
a.glay:visited{
	text-decoration:none;
	line-height: 150%;
	color:#333333;
}
a.glay:hover{
	text-decoration:underline;
	line-height: 150%;
	color:#0066FF;
}

a.glay:active{
	text-decoration:underline;
	line-height: 150%;
	color:#0066FF;
}

/* リンクフッター用設定*/
a.glay2:link{
	text-decoration:none;
	color:#666666;
}
a.glay2:visited{
	text-decoration:none;
	color:#666666;
}
a.glay2:hover{
	color:#0066FF
	text-decoration:underline;
}
a.glay2:active{
	text-decoration:underline;
	color:#666666;
}
/*border-img blue*/
.bd a:link img {
	border: 1px solid #ffffff;
}
.bd a:visited img {
	border: 1px solid #ffffff;
}
.bd a:hover img { 
	border: 1px solid #70A9E3;
}
.bd a:active img {
	border: 1px solid #70A9E3;
}


/* テキスト色＆サイズ設定*/
.textred{
	color: #cc0033;
	line-height: 120%;
}

.textmizuiro{
	color: #0099FF;
	line-height: 120%;
}
.textblue{
	color: #0066FF;
	line-height: 120%;
}
.textdblue{
	color: #3366CC;
	line-height: 120%;
}

.textpink{
	color: #FF6262;
}
.textorenge{
	color: #F76300;
	line-height: 120%;
}
.textgreen{
	color: #82D582;
	line-height: 120%;
}
.textoudo{
	color: #89892E;
	line-height: 120%;
}

.textwhite{
	color: #ffffff;
	line-height: 120%;
}

.text10px{
	font-size: 10px;
}
.text11px{
	font-size: 11px;
	line-height: 120%;
}
.text12px{
	font-size: 12px;
}
.text15px{
	font-size: 15px;
}
.text17px{
	font-size: 17px;
}
.text16px{
	font-size: 16px;
	color: #595455;
}
.text16pxb{
	font-size: 16px;
	font-weight: bold;
}

/* テキスト*/
.line220{
	line-height: 228%;
}
	
/* テキスト固有クラス設定*/
.syohin{
	color: #666666;
	font-weight: bold;
}
.catch{
	color: #FF6262;
	font-weight: bold;
	font-size: 16px;
}


/* * * * ブラウザ背景左右マージンの設定* * * */
#whitebase{
	margin:0px auto;
	padding:0px;
	width:760px;
	height:auto;
	background-color: #fff;
}

/* * * * ラッパーの設定* * * */
#wrap{
	width:700px;
	height:auto;
	margin: 0px auto;
}

/* * * * 振り分け用左側ボックスの設定* * * */
#left{
	width:160px;
	height:auto;
	float:left;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding:0px 0px 30px 0px;
	text-align: center;
}
/* * * * 振り分け用右側ボックスの設定* * * */
#right{
	width:515px;
	height:100%;
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding:0px 0px 0px 0px;
}

/* * * * ヘッダーの設定* * * */
#headnavi{
	margin:0px 0px 5px 0px;
	padding:0px;
	width:515px;
	height:43px;
	background-color:#fff;
	float:left;
}

#headnaviLeft {
	width:395px;
	height:15px;
	margin:0px;
	padding-top:28px;
	float:left;
}
#headnaviRight {
	width:115px;
	height:43px;
	margin:0px;
	float:left;
}

.pankuzu{
	clear:both;
	width:515px;
	height:20px;
	text-align: right;
	padding:0px 0px 0px 0px;
	margin: 0px;
	font-size: 10px;
	letter-spacing:-0.5px;
	color: #999999;
}
/* パンくずリンク色設定*/
.pankuzu a:link{text-decoration:none;color:#666666;}
.pankuzu a:visited{text-decoration:none;color:#666666;}
.pankuzu a:hover{text-decoration:none;color:#0066FF;}
.pankuzu a:active{text-decoration:none;color:#0066FF;}



.pankuzu2{
	clear:both;
	width:auto;
	height:20px;
	text-align: right;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 155px;
	font-size: 10px;
	color: #999999;
}
/* パンくずリンク色設定*/
.pankuzu2 a:link{text-decoration:none;color:#666666;}
.pankuzu2 a:visited{text-decoration:none;color:#666666;}
.pankuzu2 a:hover{text-decoration:none;color:#0066FF;}
.pankuzu2 a:active{text-decoration:none;color:#0066FF;}


/* 左ナビゲーション部分の設定*/
.naviheader {
	margin: 21px 0px 0px 0px;
	padding: 0px;
	width: 160px;/*メニューの全体的な横幅を設定*/
	height:21px;
}

.navibox {
	margin: 0px 2px 0px 5px;
	padding: 0px;
	width:153px;
	height:auto;
}
.navibox img {display:block;height:26px;}

.naviBanner {
	margin: 21px 0px 0px 0px;
	padding: 0px;
	width: 160px;/*メニューの全体的な横幅を設定*/
	height:auto;
}
.naviBanner img {display:block;margin:2px 0px;}
/*border-img blue*/
.naviBanner a:link img {border: 1px solid #ffffff;}
.naviBanner a:visited img {border: 1px solid #ffffff;}
.naviBanner a:hover img {border: 1px solid #70A9E3;}
.naviBanner a:active img {border: 1px solid #70A9E3;}


/* 購入手順の設定*/
.kounyu{
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 5px;
	width:153px;
	height:21px;
}

/* * * * フッターの設定* * * */
#foot{
	width:700px;
	height:105px;
	margin:0px auto;
	clear:both;
	text-align: center;
	color:#666666;
	font-size:12px;
}

#footcolor{
	width:700px;
	height:80px;
	padding-top:5px;
	background-color:#D3E4FA;
	text-align:center;
}

#copyright{
	width:700px;
	height:20px;
	color:#666666;
	font-size: 12px;
	line-height:20px;
	font-style: normal;
	background-color:#D3E4FA;
}
/* * * * BtoBフッターの設定* * * */
#footcolor_btob{
	width:700px;
	height:80px;
	padding-top: 5px;
	background-color:#DCF1DD;
	text-align: center;
}
#copyright_btob{
	width:700px;
	height:20px;
	color:#666666;
	font-size: 12px;
	line-height:20px;
	font-style: normal;
	background-color:#DCF1DD;
}
/* End */


#cartposition{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 578px;
}
.headmargin{
	margin-top: 0px;
	margin-right: 38px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align:top;
}
.headmargin2{
	margin-top: 0px;
	margin-right: 22px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align:top;
}

.margin0{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	display: inline;/* li要素の隙間を無くす */
	list-style-type: none;
}

.nonborder{
	border: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 0;
}

.navibox ul {
	margin: 0px;
	padding: 0px;
	width: 160px;/*メニューの全体的な横幅を設定*/
	height:auto;
}

.navibox li {
	height:26px;
	width:153px;
	margin: 0px 2px 0px 5px;
	padding: 0px;
	list-style-type: none;
}

li.imglist {
	margin: 0px;
	padding-left: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background: url("img/list.gif") no-repeat 5px 5px;
	list-style: none;
}
.banner {
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

address{
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.sitazoroe{
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* レイアウトの調整用*/
.kuu20{
	clear:both;
	height:20px;
}
.kuu15{
	clear:both;
	height:10px;
}
.center{
	text-align: center;
}
/* That's all */