@charset "UTF-8";

/****************************
  Visual_top
*****************************/

#visual_top {
	clear:       both;
	width:       910px;
	height:      220px;
	margin:      0 0 8px 5px;
	padding:     0;
}

#visual_top {
	vertical-align: bottom;
}

/****************************
  Contents (for Information)
*****************************/

#wrapper {
	background: url(../images/common/grid_info.gif) repeat-y left top;
}

#contents {
	background: url(../images/common/grid_info_bottom.gif) no-repeat left bottom;
}

/****************************
  Left_side
*****************************/

#left_side {
	float:       left;
	width:       315px;
}

/****************************
  Left_side Information
*****************************/

#contents .grid_info {
	clear:       both;
	width:       310px;
	margin:      0;
	padding:     52px 0 10px 0;
	background:  url(../images/common/grid_info_top.gif) no-repeat left top;
}

/****************************
  Left_side dl
*****************************/

#contents dl.information {
	clear:       both;
	margin:      0px 25px 0 24px;
	padding:     0;
	font-size:   12px;
	line-height: 140%;
}

#contents dl.information dt {
	clear:       both;
	margin:      0 0 5px 0;
	padding:     0 0 5px 0;
	font-size:   12px;
	line-height: 16px;
	color:       #996600;
	font-weight: bold;
	border-bottom: 1px dotted #b2873b;
}

#contents dl.information dd {
	clear:       both;
	margin:      0;
	padding:     0 0 20px 0;
	font-size:   12px;
	line-height: 15px;
}

#contents dl.information dd div {
	margin:      0;
	padding:     0 0.5em 0.3em 0;
	font-size:   12px;
}

#contents dl.information a:link, 
#contents dl.information a:visited {
	text-decoration: none;
	color:           #0088cc;
	color:           #996600;
}

#contents dl.information a:hover, 
#contents dl.information a:active {
	text-decoration: underline;
}

/****************************
  Right_side
*****************************/

#right_side {
	float:       left;
	width:       605px;
	padding:     12px 0 0 0;
}

#right_side .right_side_l {
	float:       left;
	width:       305px;
}

#right_side .right_side_r {
	float:       left;
	width:       300px;
}

/****************************
  Right_side Webshop
*****************************/

#contents .grid_webshop {
	width:        290px;
	margin:       0 0 15px 0;
	margin:       0 0  0px 0;
	padding:      0 0 0 5px;
}

#contents h2.h2_webshop {
	margin:       0 0 6px 0;
	padding:      0 0 0 0;
}

/* webshop_thumb */
#contents ul.webshop_thumb {
	clear:        both;
	float:        left;
	width:        136px;
	margin:       0;
	padding:      0;
}

#contents ul.webshop_thumb li {
	width:        136px;
	margin:       0;
	padding:      0;
}

#contents ul.webshop_thumb li img {
	vertical-align: bottom;
}

#contents ul.webshop_thumb li.bot {
	width:        136px;
	height:       20px;
	margin:       0;
	padding:      0;
	background:   url(../images/home/webshop_p_bot.jpg) no-repeat left bottom;
	font-size:    1px;
}



/* webshop_exp */
#contents dl.webshop_exp {
	float:        left;
	width:        150px;
	margin:       3px 0 0 0;
	padding:      0;
	font-size:    12px;
}

#contents dl.webshop_exp dt {
	width:        150px;
	height:       45px;
	margin:       0 0 0px 0;
	padding:      0;
}

#contents dl.webshop_exp dd {
	width:        146px;
	margin:       0;
	padding:      0 0 15px 4px;
	line-height:  120%;
}

#contents dl.webshop_exp a:link, 
#contents dl.webshop_exp a:visited {
	text-decoration: none;
	color:           #333333;
}

#contents dl.webshop_exp a:hover, 
#contents dl.webshop_exp a:active {
	text-decoration: none;
}

/****************************/

#contents h2.h2_column {
	margin:      0 0 6px 0;
	padding:     0;
	font-size:   120%;
	line-height: 120%;
	color:       #75631a;
}

#contents h2.h2_column a:link, 
#contents h2.h2_column a:visited, 
#contents h2.h2_column a:hover, 
#contents h2.h2_column a:active {
	color:       #75631a;
}

/****************************
  GRID Banner
*****************************/

#contents .grid_banner {
	clear:      both;
	width:      290px;
	margin:     0 0 15px 5px;
	padding:    0;
}

#contents .grid_banner img {
	vertical-align: bottom;
}

/****************************
  GRID M
*****************************/

#contents .grid_m {
	clear:      both;
	width:      290px;
	margin:     0 0 15px 5px;
	padding:    0;
	background: url(../images/common/grid_m.gif) repeat-y 0px top;
}

#contents .grid_m_top {
	clear:      both;
	width:      290px;
	margin:     0;
	padding:    0;
	background: url(../images/common/grid_m_top.gif) no-repeat 0px top;
}

#contents .grid_m_bottom {
	clear:      both;
	width:      290px;
	margin:     0;
	padding:    0;
	background: url(../images/common/grid_m_bottom.gif) no-repeat 0px bottom;
}



#contents .grid_m_column {
	clear:      both;
	width:      266px;
	margin:     0;
	padding:    12px 0px 12px 12px;
}

#contents p.grid_m_column_p {
	margin:      0 0 3px 0;
	padding:     0;
	font-size:   100%;
	line-height: 140%;
}

/*
#contents .grid_m_column_l {
	clear:      both;
	float:      left;
	width:      125px;
	margin:     0;
	padding:    0;
}

#contents .grid_m_column_r {
	float:      right;
	width:      131px;
	margin:     0;
	padding:    0;
}
*/

#contents .grid_m_column_l_thumb {
	clear:      both;
	float:      left;
	width:      105px;
	margin:     0 10px 0px 0;
	padding:    10px;
	background: url(../images/common/bg_pf_beige_125.gif) no-repeat 0px 0px;
}

#contents .grid_m_column a:link, 
#contents .grid_m_column a:visited, 
#contents .grid_m_column a:hover, 
#contents .grid_m_column a:active {
	text-decoration: none;
	color:           #333333;
}

#contents .grid_m_column a:link.more, 
#contents .grid_m_column a:visited.more {
	padding:         0 10px 0 0;
	background:      url(../images/common/p_arrow_03.gif) no-repeat 100% center;
	text-decoration: none;
	color:           #0088cc;
}
#contents .grid_m_column a:hover.more, 
#contents .grid_m_column a:active.more {
	padding:         0 10px 0 0;
	background:      url(../images/common/p_arrow_03.gif) no-repeat 100% center;
	text-decoration: underline;
}

/****************************/

#contents .grid_banner.bot, 
#contents .grid_m.bot {
	margin-bottom:  0px;
}

/****************************/