@charset "utf-8";

/* @group Reset */
*{ margin: 0;padding: 0}
a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : top; border : none;}
/* @end */

/* @group Fluid-img */
img, object, embed {	/*, object, embed*/
	max-width: 100% !important;
	height: auto !important;
}
/* @end */

/* @group HTML */
html {
	font-family : verdana, sans-serif;
	font-size : 100%;
	line-height : 1.5;
}
/* @end */

body{
	color:black;
	font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

html,body{
	color:black;
	/*scrollbar-arrow-color:#5dc439;
	scrollbar-face-color:#74d10f;
	scrollbar-3dlight-color:#6fbc54;
	scrollbar-darkshadow-color:#6fbc54;
	scrollbar-highlight-color:#6fbc54;
	scrollbar-shadow-color:#6fbc54;
	scrollbar-track-color:#58fc1e;*/
}

/*フォームレイアウト*/
form
{
	margin:0;
}

/*テーブルレイアウト*/
table {
	border:0px;
	padding:0px;
	border-spacing:0px;
	border-collapse:collapse;
	border-style:none;
	/*font-size:10pt;*/
	text-align:left;
}

th,td
{
	padding:0;
}

#all{
	background-color:white;
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#header{
	background-color:white;
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#side{
	background-color:white;
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top: 10px;
	/*float:left;*/
}

#side a:hover img
{
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#bannerSide
{
	background-color:white;
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#bannerSide a:hover img
{
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#topix{
	display:none;
}

#company{
	width : 98%;
	text-align : left;
	display:inline-block;
	color : #000000;
}

#company td{
	padding:5px;
}

#content{
	background-color:white;
	width:98%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top: 10px;
}

#footer{
	background-color:white;
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	padding-top: 20px;
}

/*ツィッター文字レイアウト*/
.mleft {
	width : 98%;
	text-align : left;
	display:inline-block;
	color : #310f0f;
}

/*取扱い商品*/
#itemsSpace
{
	width : 100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.items
{
	width:220px;	/*31.42857142857143%*/
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	float:left;
	padding:10px 5px 10px 5px;
}

.photo
{
	padding:0px 0px 5px 0px;
}

.photo:hover img
{
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0.6;
	filter: alpha(opacity=60);
}

photo:hover
{
	cursor: pointer;
}

.item
{
	font-size:12pt;
	color : #000000;
}

.item a:link,
.item a:visited,
.item a:hover,
.item a:active
{
	color: #000000;
}

.price
{
	font-size:14pt;
	font-weight: bold;
	color : #ff0000;
}

.url
{
	font-size:12pt;
	/*font-weight: bold;*/
	color : #000000;
}

.comment {
	width : 98%;
	height: 96px;
	overflow:auto;
	text-align : left;
	display:inline-block;
	color : #310f0f;
}

.clearfix
{
	clear:both;
	padding:10px 0px 0px;
}

/*問合わせ*/
#askArea
{
	width:80%;
	color:black;
}

.dataName
{
	text-align:center;
	font-size:12pt;
	border-color:#19325A;
	border-width:1px;
	border-style:solid;
	background-color:#8dc9fa;
}

.dataNameV
{
	text-align:center;
	font-size:12pt;
	border-color:#19325A;
	border-width:1px;
	border-style:solid;
	background-color:#8dc9fa;
	padding-left:8px;
	padding-top:8px;
	padding-right:8px;
	padding-bottom:0px;
}

.dataNameT
{
	text-align:center;
	font-size:12pt;
	border-color:#19325A;
	border-left-width:1px;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-style:solid;
	background-color:#8dc9fa;
	padding-left:8px;
	padding-top:8px;
	padding-right:8px;
	padding-bottom:2px;
}

.dataNameM
{
	text-align:center;
	vertical-align:middle;
	font-size:12pt;
	border-color:#19325A;
	border-left-width:1px;
	border-top-width:0px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-style:solid;
	background-color:#8dc9fa;
	padding-left:8px;
	padding-top:2px;
	padding-right:8px;
	padding-bottom:2px;
}

.dataNameB
{
	text-align:center;
	font-size:12pt;
	border-color:#19325A;
	border-left-width:1px;
	border-top-width:0px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-style:solid;
	background-color:#8dc9fa;
	padding-left:8px;
	padding-top:2px;
	padding-right:8px;
	padding-bottom:8px;
}

.dataValue
{
	text-align:left;
	font-size:12pt;
	border-color:#19325A;
	border-width:1px;
	border-style:solid;
}

.dataValueT
{
	text-align:left;
	font-size:12pt;
	border-color:#19325A;
	border-left-width:1px;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-style:solid;
	padding-left:8px;
	padding-top:8px;
	padding-right:8px;
	padding-bottom:2px;
}

.dataValueM
{
	text-align:left;
	font-size:12pt;
	border-color:#19325A;
	border-left-width:1px;
	border-top-width:0px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-style:solid;
	padding-left:8px;
	padding-top:2px;
	padding-right:8px;
	padding-bottom:2px;
}

.dataValueB
{
	text-align:left;
	font-size:12pt;
	border-color:#19325A;
	border-left-width:1px;
	border-top-width:0px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-style:solid;
	padding-left:8px;
	padding-top:2px;
	padding-right:8px;
	padding-bottom:8px;
}

.dataName2
{
	border-color:#19325A;
	border-width:1px;
	border-style:solid;
	background-color:#ebf4d6;
}
.dataValue2
{
	border-color:#19325A;
	border-width:1px;
	border-style:solid;
}
.askContent
{
	width:100%;
	height:200px;
}

input.imeon,textarea.imeon
{
	ime-mode:active;
}

input.imeoff,textarea.imeoff
{
	ime-mode:inactive;
}

input.imekill,textarea.imekill
{
	ime-mode:disabled;
}

.waku
{
	border-style:solid;
	border-width:1px;
	border-color:#19325A;
}

.waku2
{
	width: 20px;
	height:20px;
	vertical-align:middle;
	text-align : center;
	margin-left:auto;
	margin-right:auto;
	border-style:solid;
	border-width:1px;
	border-color:#19325A;
}

.waku3
{
	vertical-align:middle;
	text-align : center;
	margin-left:auto;
	margin-right:auto;
	border-style:solid;
	border-color:#19325A;
	border-left-width:1px;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
}

#buttonConfirmSend {
	width: auto;
	padding:0;
	margin:0;
	background:none;
	border:0;
	font-size:0;
	line-height:0;
	overflow:visible;
	cursor:pointer;
}

#ContactTel
{
	padding:15px 0px;
}

#ContactTel a:hover img
{
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.dashed
{
	border:none;
	border-top:dashed 1px #006ff3;
	height:1px;
	color:#FFFFFF;
}

.solid
{
	border:none;
	border-top:solid 1px #006ff3;
	height:1px;
	color:#FFFFFF;
}

/**************************************/
/*  画面サイズ 230px以上の場合        */
/**************************************/
@media screen and (min-width : 230px){

#itemsSpace
{
	width:230px;
}

}

/**************************************/
/*  画面サイズ 425px以上の場合        */
/**************************************/
@media screen and (min-width : 425px){

#side{
	width:410px;
}

}

/**************************************/
/*  画面サイズ 460px以上の場合        */
/**************************************/
@media screen and (min-width : 460px){

#itemsSpace
{
	width:460px;
}

}

/**************************************/
/*  画面サイズ 730px以上の場合        */
/**************************************/
@media screen and (min-width : 730px){

#content{
	width:700px;
	padding-left:15px;
	padding-right:15px;
}

/*ツィッター文字レイアウト*/
.mleft {
	width : 98%;
}

}

/**************************************/
/*  画面サイズ 835px以上の場合        */
/**************************************/
@media screen and (min-width : 835px){

#side{
	width:820px;
}

}

/**************************************/
/*  画面サイズ 1015px以上の場合        */
/**************************************/
@media screen and (min-width : 1015px){

#all{
	width:1000px;
}

#header{
	width:1000px;
}

#side{
	width:270px;
	float:left;
}

#topix{
	display:block;
}

#content{
	width:700px;
	float:left;
}

#footer{
	width:1000px;
	clear:both;
}

#askArea
{
	width:540px;
}

#itemsSpace
{
	width : 690px;
}

}

/*----------------------------------------------------------------------------------------------------------*/
.bb {
	border-style:solid;
	border-color:blue;
	border-width:1px;
}
.br {
	border-style:solid;
	border-color:red;
	border-width:1px;
}
.bkb {
	border-style:solid;
	border-color:black;
	border-width:1px;
}