@charset "utf-8";

@import url("../packages/default/css/import.css");

/*--All--*/
img {
    border:none;
}

img.line{
		border-color:#ffffff;
    border-width:1px;
    border-style:solid;
}

div {
    text-align:left;
    padding:0px;
}

a {
    color: #008cd2;
}

.left {
    text-align: left;
    margin-left: 0;
    margin-right: auto;
}

.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.right {
    text-align: right;
    margin-left: auto;
    margin-right: 0;
}

.top {
    vertical-align: top;
    margin-top: 0;
    margin-bottom: auto;
}

.middle {
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
}

.bottom {
    vertical-align: bottom;
    margin-top: auto;
    margin-bottom: 0;
}

.text_left {
    text-align:left;
}

a.noline {
		text-decoration:none;
}

hr.line_purple{

		margin-top:5px;
		margin-bottom:5px;
		color:#877198;
}

hr.line_gray{

		margin-top:5px;
		margin-bottom:5px;
		color:#666666;
}

.clear {
		clear:both;
		height:0;
		font-size:1px;
		line-height:0;
		visibility:hidden;
}

.area_center{
		margin-top:5px;
		text-align:center;
}

.area_left{
		margin-top:10px;
		text-align:left;
}

.area_right{
		margin-top:5px;
		text-align:right;
}

/*--サイズ指定なしfloat--*/
.img_nextstyle {
    float:left;
}

/*--フォントパターン--*/
.font_bold {
		font-weight:bold;
}

.font_black {
	color:#333333;
}

.font_purple {
	color:#91619d;
}

.font_blue {
	color:#0066ff;
}

.font_large {
font-size:14px;
		font-weight:bold;
}



/*--ヘッダエリア--*/
#logo {
margin:0;
    width: 195px;
		height:70px;
		float:left;
}

#head_area{
    margin-right: auto;
    margin-left: auto;
		height:285px;
		width:950px;
}

#head_menu {
    margin-right: auto;
    margin-left: auto;
		height:20px;
		width:950px;
}

div#head_menu ul#navi {
		height: 45px;
		margin: 0px;
		padding: 0px;
		list-style: none;
		display:inline;
		}

div#head_menu li.navi01 {
		/position: relative;		/*--IEのみ（ハック指定）--*/
		height: 20px;
		width: 155px;
		float:left;
}
div#head_menu li.navi02 {
		/position: relative;		/*--IEのみ（ハック指定）--*/
		margin-left:4px;
		height: 20px;
		width: 155px;
		float:left;
}

div#head_menu li.navi03 {
		/position: relative;		/*--IEのみ（ハック指定）--*/
		margin-left:4px;
		height: 20px;
		width: 155px;
		float:left;
}

div#head_menu li.navi04 {
		/position: relative;		/*--IEのみ（ハック指定）--*/
		margin-left:4px;
		height: 20px;
		width: 155px;
		float:left;
}

div#head_menu li.navi05 {
		/position: relative;		/*--IEのみ（ハック指定）--*/
				margin-left:4px;

		height: 20px;
		width: 155px;
		float:left;
}


div#head_menu li.navi06 {
		/position: relative;		/*--IEのみ（ハック指定）--*/
		margin-left:4px;
		height: 20px;
		width: 155px;
		float:left;
}

div#head_menu li a {
    display: block;
}

/*--サイドカラムボックス--*/
.leftbox {
		margin-bottom:10px;
    width:210px;
		text-align:left;
}

.rightbox {
		margin-bottom:10px;
    width:240px;
		text-align:left;
}

/*--カテゴリー--*/
 ul#menu {
		/position: relative;		/*--IEのみ（ハック指定）--*/
		margin-left:-15px;
		padding: 0px;
		list-style: none;
		display:inline;
		}

 li.menu00 {
		/margin-left:-15px;		/*--IEのみ（ハック指定）--*/
		/margin-top:-5px;
		height: 20px;
		width: 210px;
}

 li.menu01 {
		/margin-left:-15px;		/*--IEのみ（ハック指定）--*/
		height: 20px;
		width: 210px;
}


/*--メインカラムボックス--*/
.main_content {
		margin-top:10px;
		width:475px;
}

/*--新商品情報--*/
.newitem_box_left{
width:115px;
background:url("../packages/default/img/images/main_newitem_back.gif");
background-repeat:repeat-y;
float:left;
margin-top:5px;
			}
			.newitem_box{
width:115px;
margin-left:5px;
margin-top:5px;
background:url("../packages/default/img/images/main_newitem_back.gif");
background-repeat:repeat-y;
float:left;
			}
			
			.newitem_cont{
			    margin-right: auto;
    margin-left: auto;
		font-size:10px;
width:100px;
margin-top:5px;
margin-bottom:5px;

			}
						.newitem_btn{
			    margin-right: auto;
    margin-left: auto;
width:85px;
margin-top:5px;
margin-bottom:5px;

			}
/*--ランキング--*/
		.ranking_back{
		width:475px;
margin-top:10px;
		background:url("../packages/default/img/images/main_ranking_back.gif");
		}
		
					.ranking_main{
			    margin-right: auto;
    margin-left: auto;
		font-size:10px;
width:465px;

			}
			
			.ranking_boxleft{
width:110px;
float:left;

			}
						.ranking_box{
width:110px;
margin-left:8px;
float:left;

			}
			
						.ranking_cont{
		font-size:10px;
margin-top:5px;
margin-bottom:5px;

			}
			
			.ranking_cont_right{
			width:230px;
		font-size:10px;
margin-left:5px;
float:left;


			}
			
			.ranking_cont_rightunder{
			width:230px;
			height:85px;
padding-top: 15px;
		font-size:10px;
		background:url("../packages/default/img/images/main_ranking_no1.gif");
		background-repeat:no-repeat;
			}
			
			.ranking_cont_no01{
			width:140px;
		font-size:10px;
margin-left:85px;

			}
			
			
/*--NEWS--*/
#side_news {
		width:240px;
		float:left;
		border-left:1px #666666 solid;
		border-bottom:1px #666666 solid;
}

/*--フッタ--*/
#guide_area {
		width:950px;
		margin-left:auto;
		margin-right:auto;
		padding-top:15px;

}

.guide_left {
float:left;
width:445px;
}

.guide_right {
float:left;
margin-left:5px;
width:495px;
}

.guide_box_left{
width:423px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:10px;
margin-bottom:5px;
		background-color:#ffffff;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;

}

.guide_box_right{
width:473px;
padding-left:10px;
padding-right:10px;
padding-top:9px;
padding-bottom:10px;
margin-bottom:5px;
		background-color:#ffffff;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;

}

.table_guide { 
width: 100%;
margin-top:10px;
font-size:10px;
border-collapse: collapse; 
border: 1px #000000 solid; 
} 

.table_guide th {
background-color:#f4d8ff;
border: 1px #000000 solid;
text-align:left;
} 

.table_guide td {
background-color:#fffbe3;
border: 1px #000000 solid;
text-align:right;
}

#footer {
	margin-right: auto;
	margin-left: auto;
	margin-top:20px;
	margin-bottom:50px;
	padding:5px 0px 5px 0px;
	width:950px;
	background-color:#CCCCCC;
	text-align:center;
}


#qr_box{	
background:url("../packages/default/img/images/qr_r.gif");
	background-repeat:repeat-y;
	float: left;
	width: 210px;
}

#qr_text{
	width:94px;
	height: 99px;
	float: left;
	padding-top: 9px;
	padding-right: 5px;
	font-size: 10px;
	line-height: 15px;
}

#qr{
	width:87px;
	height:87px;
	float: left;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
}


/*--他ページ--*/
.textbox{
margin-top:10px;
margin-bottom:10px;
}

/*--サイズ--*/
.size_left{
width:410px;
float:left;

}

.size_left_block{
width:410px;
margin-bottom:10px;
float:left;

}

.size_photo{
float:left;
width:180px;
}
.size_text{
margin-left:10px;
width:220px;
float:left;
}
.size_right{
margin-left:25px;
width:280px;
float:left;
}

.font_size_title {
color:#000066;
font-size:16px;
font-weight:bold;
line-height:130%;
}


.size_line{
margin-top:5px;
margin-bottom:20px;

}

/*--姓名判断--*/
#name_back{
padding-top:190px;
width:730px;
background:url("../packages/default/img/images/name_back.jpg");
background-repeat:no-repeat;
}

#name_main_photo{
width:280px;
text-align:center;
float:left;
}

#name_main_right{
margin-left:15px;
width:435px;
float:left;
}

.table_name_title{
width:25%;
text-align:center;
background-color:#d8d8d8;
	font-size:12px;
	color:#333;
	padding:2px;
	}

.table_name_text{
background-color:#d8d8d8;
	font-size:12px;
	color:#333;
		padding:2px;

	}
	
	.name_banner{
width:730px;
margin-bottom:10px;
text-align:center;
}
.name_banner_back{
padding-top:85px;
width:730px;
margin-bottom:10px;
background:url("../packages/default/img/images/name_banner02.jpg");
background-repeat:no-repeat;
}
.name_banner_text{
margin-left:10px;
color:#000000;
font-size:11px;
line-height:140%;
width:190px;
padding-bottom:20px;
}

.name_stone_back{
padding-top:100px;
width:730px;
background:url("../packages/default/img/images/name_stone_back.gif");
background-repeat:no-repeat;
}

.name_stone_backrep{
width:730px;
margin-bottom:10px;
background:url("../packages/default/img/images/name_stone_backrep.gif");
background-repeat:repeat-y;
}

.name_stone_purple{
padding-top:10px;
padding-bottom:10px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
color:#000000;
font-size:11px;
line-height:140%;
width:705px;
background:url("../packages/default/img/images/name_stone_purple.jpg");
background-repeat:no-repeat;
background-position:right top;
background-color:#f0ecf5;
}
.name_stone_green{
padding-top:10px;
padding-bottom:10px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
color:#000000;
font-size:11px;
line-height:140%;
width:705px;
background:url("../packages/default/img/images/name_stone_orange.jpg");
background-repeat:no-repeat;
background-position:right top;
background-color:#f4e9e6;
}

.name_stone_black{
padding-top:10px;
padding-bottom:10px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
color:#000000;
font-size:11px;
line-height:140%;
width:705px;
background:url("../packages/default/img/images/name_stone_green.jpg");
background-repeat:no-repeat;
background-position:right top;
background-color:#f0f4e6;
}

.name_stone_photo{
margin-left:10px;
width:90px;
height:60px;
float:left;
}

.name_stone_text{
margin-left:10px;
width:445px;
float:left;
}

.name_product_back{
width:728px;
margin-bottom:10px;
padding-top:10px;
padding-bottom:10px;
border:#333333 solid 1px;
background-color:#f7f7f7;

}

.name_product_box{
margin-left:13px;
width:345px;
display:inline;
float:left;

}

.table_product{
width:345px;
text-align:center;
background-color:#ffffff;
	font-size:12px;
	color:#333;
	padding:2px;
	color:#000000;
	border:1px solid #999999;
	}

.table_product_text{
text-align:left;
	font-size:12px;
	color:#333;
		padding:2px;
border-top: solid #000000 1.5px;
	}
	
	.table_product_price{
	font-size:14px;
	color:#333;
		padding:2px;
		font-weight:bold;

	}



	/*--姓名判断フォーム--*/
.table_contact{
	margin-top:20px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
width:730px;
}

td.table_contact_title{
width:150px;
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
vertical-align:top;
background-color:#D8E6FA;
	border-bottom:1px solid #cccccc;

}

td.table_contact_text{

width:550px;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
	border-bottom:1px solid #cccccc;

}

td.table_contact_text02{
width:550px;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;

}

.contact_form{
width:350px;
}

.contact_form_name{
width:150px;
}

.contact_form_question{
width:500px;

}

.contact_form_address{
width:150px;

}

.btn {
	border:none;
	background-color:#ff8a57;
}

.contact_address{
	margin-top:50px;
width:745px;
font-size:13px;
}

.font_red{
	color:#ff0000;
}

.mgtop8{
	margin-top:8px;
}