﻿/*
	CSSの命名規則！
	つなぎは必ずアンダーバー「_」、ハイフン「-」を使わない！
	文字色は「col_」+「大文字の１６進数表記」
	背景色は「bgcol_」+「大文字の１６進数表記」
	表のボーダー色は「bdcol_」+「大文字の１６進数表記」
*/

body			{ margin-top: 5px; /* background:#5D5245; scrollbar-face-color: #5D5245 */ }
table			{ margin-left: auto; margin-right: auto; border-collapse: collapse; }
tr				{ font-size: 10pt; color: #555555 }
th, td			{ border-collapse: collapse; }
p				{ margin:5px 0 }
hr				{ width:100%; border-width:1px 0 0 0; height:1px; border-color:#C0C0C0; border-style: solid; }

.left			{ text-align: left }
.right			{ text-align: right }
.center			{ text-align: center }
.top			{ vertical-align:top; }


.underline		{ text-decoration: underline    }
.tensen			{ border-style: dotted }
.torikesi		{ text-decoration: line-through }
.no_line		{ text-decoration: none			}
.no_wrap		{ white-space: nowrap }


.font_8pt		{ font-size:  8pt }
.font_10pt		{ font-size: 10pt }
.font_12pt		{ font-size: 12pt }
.font_14pt		{ font-size: 14pt }
.font_xl		{ font-size: x-large }

.bold			{ font-weight: bold }
.strong_8pt		{ font-weight: bold; font-size:  8pt }
.bold_14pt		{ font-weight: bold; font-size: 14pt }
.bold_18pt		{ font-weight: bold; font-size: 18pt; line-height: 150%; }
.bold_20pt		{ font-weight: bold; font-size: 20pt; line-height: 150%; }
.bold_30pt		{ font-weight: bold; font-size: 30pt; line-height: 150%; }
.bold_40pt		{ font-weight: bold; font-size: 40pt; line-height: 150%; }
.bold_50pt		{ font-weight: bold; font-size: 50pt; line-height: 150%; }

.line_height_1_5em{ line-height: 1.5em }
.line_height_2em{ font-size: 16px; line-height: 1.5em }
.height_22px	{ height: 22px }


.col_FFFFFF		{ color: #FFFFFF }
.col_FFFF00		{ color: #FFFF00 }
.col_FF99CC		{ color: #FF99CC }
.col_FF9999		{ color: #FF9999 }
.col_FF9900		{ color: #FF9900 }
.col_FF7E7E		{ color: #FF7E7E }
.col_FF6699		{ color: #FF6699 }
.col_FF0066		{ color: #FF0066 }
.col_FF0000		{ color: #FF0000 }
.col_F1457D		{ color: #F1457D }

.col_EB9111		{ color: #EB9111 }
.col_E64B6B		{ color: #E64B6B }
.col_DFC291		{ color: #DFC291 }

.col_9E2236		{ color: #9E2236 }
.col_99CC00		{ color: #99CC00 }
.col_7E50A3		{ color: #7E50A3 }
.col_6D4C33		{ color: #6D4C33 }
.col_696969		{ color: #696969 }
.col_66B7D8		{ color: #66B7D8 }
.col_5BA82D		{ color: #5BA82D }
.col_564539		{ color: #564539 }
.col_555555		{ color: #555555 }
.col_4D9830		{ color: #4D9830 }

.col_00CCFF		{ color: #00CCFF }
.col_009A57		{ color: #009A57 }
.col_0033CC		{ color: #0033CC }
.col_003366		{ color: #003366 }
.col_002D59		{ color: #002D59 }
.col_000000		{ color: #000000 }


.bgcol_FFFFFF	{ background-color: #FFFFFF }
.bgcol_FFFFDD 	{ background-color: #FFFFDD }
.bgcol_FFFFCC	{ background-color: #FFFFCC }
.bgcol_FFFF00	{ background-color: #FFFF00 }
.bgcol_FFF2DF 	{ background-color: #FFF2DF }
.bgcol_FFCCCC	{ background-color: #FFCCCC }
.bgcol_FFCC00	{ background-color: #FFCC00 }
.bgcol_FF9999	{ background-color: #FF9999 }
.bgcol_FEF8EB	{ background-color: #FEF8EB }

.bgcol_EFE0EF 	{ background-color: #EFE0EF }
.bgcol_EDC5D6 	{ background-color: #EDC5D6 }
.bgcol_ECFFD9	{ background-color: #ECFFD9 }
.bgcol_E64B6B	{ background-color: #E64B6B }
.bgcol_E1D6C4	{ background-color: #E1D6C4 }
.bgcol_DFC291	{ background-color: #DFC291 }
.bgcol_C0C0C0	{ background-color: #C0C0C0 }

.bgcol_666666	{ background-color: #666666 }
.bgcol_5D5245	{ background-color: #5D5245 }
.bgcol_5D422E	{ background-color: #5D422E }
.bgcol_564539	{ background-color: #564539 }
.bgcol_4D9830	{ background-color: #4D9830 }
.bgcol_000000	{ background-color: #000000 }

.green			{ background-color: #B6DF6B; font-size: medium }
.pink			{ background-color: #FF9999; font-size: medium }
.blue			{ background-color: #95E1FC; font-size: medium }

.table.border_none	{ border:none; }
.table.border_none tr	{ border:none; }
.table.border_none th	{ border:none; }
.table.border_none td	{ border:none; }

.bdcol_FFFFFF	{ padding:5px; border:1px #FFFFFF solid; }
.bdcol_F1457D	{ border-color:#F1457D;}
.bdcol_5D5245	{ border:1px #5D5245 solid; }


.margin_top_5px { margin-top:5px; }
.padding_5px	{ padding:5px }
.padding_10px	{ padding:10px }


.tbl_padding_5px{ }
.tbl_padding_5px td{ padding:5px; line-height: 150%; }

.tbl_gray		{ width:100%; }
.tbl_gray td	{ border:1px #C0C0C0 solid; line-height: 150%; }

.tbl_brown		{ }
.tbl_brown td	{ padding:5px; border:1px #5D5245 solid; line-height: 150%; }

.tbl_yellow		{ width:100%; }
.tbl_yellow td	{ padding:5px; border:1px #FFCC00 solid; }

.tbl_pink		{ width:100%; }
.tbl_pink td	{ padding:5px; border:1px #FF9999 solid; }

.tbl_green		{ width:100%; }
.tbl_green td	{ padding:5px; border:1px #4D9830 solid; }

.tbl_temp_inv	{ width:85%; border:1px #C0C0C0 solid; }
.tbl_temp_inv td{ text-align: left; padding:10px; }

.tbl_setnaiyo	{ margin-left: auto; margin-right: auto; }
.tbl_setnaiyo td{ text-align: left; line-height: 150%; }
.tbl_setnaiyo td.center { text-align: center; }

.tbl_sample_naiyo	{ }
.tbl_sample_naiyo th{ padding:10px; border:1px #5D5245 solid; background-color: #E1D6C4; }
.tbl_sample_naiyo td{ padding:10px; border:1px #5D5245 solid; text-align: left; }

.tbl_ranking	{ width:170px; border:1px #5D5245 solid; background-color: #FFF2DF }
.tbl_ranking th	{ width:45%; vertical-align:top; }
.tbl_ranking td	{ width:55%; vertical-align:top; }

.screen_size	{ width: 950px; border-collapse: collapse }

.tbl_main		{
				width: 950px;
				border-collapse: collapse;
				background-color: #FFFFFF;
				margin-left:auto;
				margin-right:auto;
}

.cell_darkcolor	{ background-color: #DFC291 }
.cell_lightcolor{ background-color: #FFFFCC }

.wid100			{ width: 100% }
.width_100per	{ width: 100% }
.tbl_center		{ margin: 0 auto 0 auto }

.chikai_table	{ border-width: 0 }
.chikai_bg		{ background-image: url('../images/bk_kazariwaku01.gif') }


.bottom_5px		{ border-width: 0px; margin-top: 3px; margin-bottom: 5px; }
.bottom_3px		{ margin-bottom: 3px; }


img				{ border:0; }


a:link			{ color: #5D5245; text-decoration: none; text-align: right }
a:visited		{ color: #5D5245; text-decoration: none }
a:active		{ color: #F1457D; text-decoration: underline }
a:hover			{ color: #F1457D; text-decoration: underline; position:relative; bottom:2px; right:2px }

input			{ background-color: #FFFFFF; color: #000000 }
textarea		{ background-color: #FFFFFF; color: #000000 }
input.cart_btn	{ background-color: #FE0066; color: #ffffff }

input.white		{ background-color: #FFFFFF; color: #555555 }
select.white	{ background-color: #FFFFFF; color: #555555 }
textarea.white	{ background-color: #FFFFFF; color: #555555 }

.link_width		{ width:250px }
.tbl_link_blank	{ height:15px }

.tbl_larc_story	{ width:650px; line-height: 150%; }
.tbl_larc_story th	{ width:30%; font-size: 14pt; font-weight: bold; padding:10px 0; }
.tbl_larc_story td	{ width:70%; font-size: 12pt; text-align: left; padding:10px 0; }

.button			{
				width: 146px;
				height: 120px;
				border: 0;
				background: url(http://www.gooyon.com/images/bt_coupon.gif) no-repeat 0 0;
				text-indent: -9999px;
				cursor: pointer;
}
.gray_outsideline_1px {
				text-align: center;
				border-left: 1px solid #C0C0C0;
				border-right-style: solid;
				border-right-width: 1px;
				border-top: 1px solid #C0C0C0;
				border-bottom-style: solid;
				border-bottom-width: 1px;
}
.gray_outsideline_2px {
				border-style: solid;
				border-width: 2px;
}

.mincho_s		{ font-weight: bold; font-size: 30px; line-height: 150%; font-family: "HG明朝E","HGS明朝E","HGS創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W6" }
.mincho_m		{ font-weight: bold; font-size: 40px; line-height: 150%; font-family: "HG明朝E","HGS明朝E","HGS創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W6" }
.mincho_l		{ font-weight: bold; font-size: 50px; line-height: 150%; font-family: "HG明朝E","HGS明朝E","HGS創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W6" }
.gothic_m		{ font-weight: bold; font-size: 40px; line-height: 150%; font-family: "HG丸ｺﾞｼｯｸM-PRO","HGS創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W6"; }

.order_table	{
				border: 1px solid #DFC291;
				text-align: center;
}
.order_td_koumoku {
				font-size: 12pt;
				width: 120px;
				color: #696969;
				background-color: #DFC291;
				text-align: center;
				font-family: "HG明朝E","HGS明朝E","HGS創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W6";
}
.order_title	{
				text-align: center;
				font-weight: bold;
				font-size: 30px;
				margin: 0px;
				color: #FFFFFF;
				background-color: #DFC291;
				line-height: 130%;
				font-family: "HG明朝E","HGS明朝E","HGS創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W6";
}
.order_title_s	{
				text-align: center;
				font-weight: bold;
				font-size: 20px;
				margin: 0px;
				color: #FFFFFF;
				background-color: #DFC291;
				line-height: 130%;
				font-family: "HG明朝E","HGS明朝E","HGS創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W6";
}

.bk_image_header {
				background-image: url(http://www.gooyon.com/images/header_temp_back.gif);
				white-space:nowrap;
				width: 300px;
}
.bk_image_aromaria {
	background-image: url('aromaria/images/back.gif');
}


.header_table	{ margin-left: auto; margin-right: auto; background-color: #FFFFFF }
.header_table_2	{ height: 65px }
.header_td_1	{ width: 100%; height: 70px; background-color: #5D5245; background-image: url(http://www.gooyon.com/images/top.gif) }
.header_td_2	{ width: 195px }
.header_td_3	{ background-color: #806655; white-space: nowrap; width: 650px }
.header_td_4	{ width: 100%; height: 50px; background-color: #5D5245; background-image: url(http://www.gooyon.com/images/top02.gif) }
.header_td_5	{ text-align: left; height: 17px; white-space: nowrap }
