@charset "utf-8";

/*
Theme Name: kansei
Theme URI: http://www.kansei-ps.co/
Description: カンセイのテーマです。
Author: Kazunori Yamazaki (Viewlogic)
Version: 1.0
License: GNU General Public License
*/

/* @group Reset css */

/* -------------------------------------------------------------- */



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	line-height: 1;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

blockquote {
	quotes: none;
}

blockquote:before, blockquote:after {
	content: '';
	content: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}

a img {
	border: none;
	vertical-align: bottom;
}

::selection {
	background: none repeat scroll 0 0 #bb9763;
	color: #ffffff;
}

*::-moz-selection {
	background: none repeat scroll 0 0 #bb9763;
	color: #ffffff;
}

area:focus {
	outline: none;
	border: none;
}

/* @end */

/* @group Yahoo fonts.css */

/* -------------------------------------------------------------- */

/* Yahoo fonts.css
	Font-size Adjustment.
	 77% = 10px	|	123.1% = 16px	|	167% = 22px
	 85% = 11px	|	131%   = 17px	|	174% = 23px 
	 93% = 12px	|	138.5% = 18px	|	182% = 24px 
	100% = 13px	|	146.5% = 19px	|	189% = 25px 
	108% = 14px	|	153.9% = 20px	|	197% = 26px 
	116% = 15px	|	161.6% = 21px	| 
*/

body {
	font: 13px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*font-size: small;
	/*

for IE */
	*font: x-small;
/*

for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */

select,
input,
button,
textarea {
	font: 99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */

table {
	font-size: inherit;
	font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */

pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

/* @end */

/* @group Layout */

/* -------------------------------------------------------------- */

#content {
	position: relative;
	width: 940px;
	margin: 0 auto;
}

#main {
	display: inline;
	float: right;
	width: 700px;
}

#side {
	display: inline;
	float: left;
	width: 220px;
}

#footer {
	position: relative;
	width: 100%;
}

/* @end */

/* @group Global Elements */

/* -------------------------------------------------------------- */

body {
	background: #f0ebe5;
	color: #333;
}

body,
input,
textarea {
	
}

hr {
	clear: both;
	visibility: hidden;
	height: 0;
	display: block;
}

/* Text elements */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #000;
}

h1 {
	padding: .8em 1em .6em;
	margin-bottom: 20px;
	font-size: 182%;
	line-height: 1.2em;
	background-color: #bb9763;
	color: #fff;
}

body.home h1 {
	display: none;
}

h2 {
	font-size: 138.5%;
}

p {
	
}

ul {
	
}

li {
	list-style-type: none;
}

ol {
	
}

ol li {
	list-style-type: decimal;
	list-style-position: inside;
}

ol ol {
	
}

ol ol ol {
	
}

ol ol ol ol {
	
}

ul ul,
ol ol,
ul ol,
ol ul {
	
}

dl {
	
}

dt {
	
}

dd {
	
}

strong {
	
}

cite,
em,
i {
	
}

big {
	
}

ins {
	
}

blockquote {
	
}

blockquote cite,
blockquote em,
blockquote i {
	
}

pre {
	
}

abbr,
acronym {
	
}

sup,
sub {
	
}

sup {
	
}

sub {
	
}

input[type="text"],
textarea {
	
}

a {
	color: #bb9763;
	text-decoration: none;
}

a:hover {
	
}

a:link {
	
}

a:visited {
	
}

a:active,
a:hover {
	text-decoration: underline;
	cursor: pointer;
}

a:focus {
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

/* @end */

/* @group Header */

/* -------------------------------------------------------------- */

#header {
	position: relative;
	width: 100%;
	height: 100px;
	background: #fff;
}

#header .siteName {
	position: absolute;
	left: 50%;
	top: 35px;
	margin-left: -470px;
}

/* @end */

/* @group Content */

/* -------------------------------------------------------------- */

#content {
	margin-top: 30px;
	/*background: url(images/bg_content.gif) repeat-y left top;*/
}

/* @end */

/* @group Main */

/* -------------------------------------------------------------- */

#main {
	
}

/* topicPath */

.topicPath {
	height: 40px;
	margin-bottom: 20px;
	background-color: #000;
	color: #fff;
	overflow: hidden;
}

.topicPath li {
	float: left;
	font-size: 93%;
}

.topicPath li.current_item {
	background: none;
}

.topicPath li img {
	position: relative;
	top: -2px;
	vertical-align: middle;
}

.topicPath li.home {
	
}

.topicPath li a,
.topicPath li span {
	display: block;
	padding: 13px 35px 12px 20px;
	color: #fff;
}

.topicPath li a {
	background: #000 url(images/path_arrow.gif) no-repeat right top;
}

.topicPath li a:hover {
	text-decoration: none;
	color: #bb9763;
}

/* column */

#column-left {
	width: 460px;
	float: left;
}

#column-right {
	width: 220px;
	float: right;
}

/* textBody */

.textBody {
	padding: 30px;
	margin-bottom: 20px;
	background-color: #fff;
}

.textBody h2 {
	line-height: 1.4em;
	margin-bottom: .5em;
}

.textBody h3 {
	line-height: 1.6em;
}

.textBody h2 span,
.textBody h3 span {
	margin-left: 1em;
	font-size: 12px;
	font-weight: normal;
	color: #333;
}

.textBody h2 span.search-everything-highlight,
.textBody h3 span.search-everything-highlight {
	margin-left: 0 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	color: inherit !important;
}

.textBody p {
	font-size: 108%;
	line-height: 1.8em;
	margin-bottom: 1.75em;
}

.textBody .visual {
	margin-bottom: 30px;
}

.textBody .section {
	margin-bottom: 30px;
}

.textBody .entry {
	margin-bottom: 30px;
}

.textBody .entry h2 {
	display: block;
	color: #bb9763;
	padding: 0 0 .5em 0;
	margin-bottom: .8em;
	border-bottom: 1px solid #888;
}

.textBody .block {
	position: relative;
}

.textBody .block span {
	position: relative;
	z-index: 1;
}

.textBody .righttop {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}

.textBody .rightbottom {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.textBody ul.product-image {
	margin: 0 -18px 12px 0;
}

.textBody ul.product-image li {
	display: inline;
	float: left;
	margin: 0 18px 18px 0;
}

.textBody div.link {
	width: 100%;
	text-align: right;
}

.textBody div.link a {
	margin-left: 20px;
}

/* nav */

.nav {
	clear: both;
	height: 40px;
	margin-bottom: 20px;
	background-color: #fff;
}

/* back */

p.back {
	float: left;
	width: 50%;
	font-size: 93%;
}

p.back a {
	display: block;
	height: 40px;
	margin-left: 10px;
	padding-left: 30px;
	background: url(images/arrow_left.gif) no-repeat left center;
	line-height: 42px;
}

/* return */

p.return {
	float: right;
	width: 50%;
	text-align: right;
	font-size: 93%;
}

p.return a {
	display: block;
	height: 40px;
	margin-right: 10px;
	padding-right: 30px;
	background: url(images/arrow_top.gif) no-repeat right center;
	line-height: 42px;
}

/* read */

p.read {
	float: right;
	width: 280px;
}

/* slide */

#slide {
	position: relative;
	width: 100%;
	height: 400%;
	margin-bottom: 20px;
}

#slide-nav {
	position: absolute;
	right: 15px;
	bottom: 15px;
	padding: 3px 0 3px 3px;
	background-color: #000;
	z-index: 100;
}

#slide-nav a {
	float: left;
	width: 30px;
	height: 8px;
	margin-right: 3px;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	background: #fff;
}

#slide-nav a.activeSlide {
	background: #bb9763;
}

#slide-nav a:focus {
	outline: none;
}

.huge_it_slideshow_dots_container_1 {
	display: table;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
}

.huge_it_slideshow_dots_thumbnails_1 {
	width: auto !important;
	height: 14px !important;
	top: inherit !important;
	right: 15px !important;
	bottom: 15px !important;
	padding: 3px 0 3px 3px !important;
	background-color: #000;
	z-index: 100;
}

.huge_it_slideshow_dots_1 {
	display: inline-block;
	position: relative;
	cursor: pointer;
	box-shadow: none !important;
	width: 30px !important;
	height: 8px !important;
	border-radius: 0 !important;
	background: #fff !important;
	margin: 0 3px 0 0 !important;
	overflow: hidden;
	z-index: 17;

	float: left;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
}

.huge_it_slideshow_dots_active_1 {
	opacity: 1;
	filter: Alpha(opacity=100);
	background: #bb9763 !important;
}

.huge_it_slideshow_dots_deactive_1 {}

#rotater {
	margin: 0 auto !important;
}


/* blockLink */

.blockLink {
	margin: -20px -20px 20px 0;
}

.blockLink div {
	float: left;
	width: 220px;
	margin: 20px 20px 0 0;
	background-color: #fff;
}

body.home .blockLink div {
	position: relative;
	height: 250px;
	overflow: hidden;
}

.blockLink div .thumbnail {
	display: block;
	margin: 10px;
}

.blockLink div .thumbnail a {
	position: relative;
	display: block;
	width: 200px;
	height: 140px;
	overflow: hidden;
}

.blockLink div h2 {
	margin: 0 14px 4px;
	font-size: 108%;
	line-height: 1.2em;
	white-space: nowrap;
}

.blockLink div p {
	margin: 0 14px 13px;
	font-size: 93%;
	line-height: 1.6em;
}

.blockLink div .icon {
	position: absolute;
	top: 10px;
	right: 10px;
}

.blockLink div.bl-hover {
	background-color: #ccc;
}

.blockLink div.bl-hover .thumbnail img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/* manufacturers */

.manufacturers {
	float: left;
	width: 360px;
}

.manufacturers ul {
	float: left;
	width: 160px;
	margin: 0 10px -10px 0;
}

.manufacturers ul li {
	margin-bottom: 15px;
	text-align: center;
	list-style-type: none;
}

/* admission */

table.admission {
	margin-bottom: 1em;
}

table.admission tr th,
table.admission tr td {
	text-align: left;
	vertical-align: top;
	padding-top: .6em;
	line-height: 1.6em;
}

table.admission tr th {
	width: 10em;
}

/* admission */

table.about {
	
}

table.about tr th,
table.about tr td {
	text-align: left;
	vertical-align: top;
	padding-top: 1.6em;
	line-height: 1.6em;
	white-space: nowrap;
}

table.about tr th {
	width: 10em;
}

/* chronology */

table.chronology {
	
}

table.chronology tr th,
table.chronology tr td {
	text-align: left;
	vertical-align: top;
	padding: 1em;
	line-height: 1.6em;
}

table.chronology tr th {
	width: 6em;
	border-right: 1px solid #333;
	padding-left: 0;
}

/* serviceBox */

.serviceBox {
	position: relative;
	border: 1px solid #333;
	margin-bottom: 30px;
}

.serviceBox h3 {
	padding: 0 0 8px 4px;
	margin: 12px 10px 10px;
	border-bottom: 1px solid #888;
}

.serviceBox p {
	margin: 0 15px .5em 15px;
}

.serviceBox p.caption {
	margin: 0 15px 15px 15px;
}

.serviceBox-icons {
	position: absolute;
	top: 18px;
	right: 0px;
}

.serviceBox-icons li {
	float: left;
	margin-right: 10px;
}

.serviceBox-images {
	margin: 0 -11px 15px 15px;
}

.serviceBox-images img {
	float: left;
	margin-right: 11px;
}

/* dl.offices */

dl.offices {
	margin-bottom: 30px;
	border-top: 2px solid #888;
}

dl.offices dt {
	padding: 14px 2px 5px;
}

dl.offices dd {
	padding: 0 2px 10px;
	border-bottom: 1px solid #888;
}

/* dl.merit */

dl.merit {
	
}

dl.merit dt {
	margin-bottom: .5em;
	font-size: 108%;
	font-weight: bold;
	color: #bb9763;
}

dl.merit dd {
	padding-left: 1.1em;
	margin-bottom: 1em;
	line-height: 1.6em;
}

/* .paginator */

.paginator {
	position: relative;
	text-align: center;
	height: 1em;
}
.paginator .prev-page {
	position: absolute;
	top: 0;
	left: 0;
}

.paginator .next-page {
	position: absolute;
	top: 0;
	right: 0;
}

.paginator .page-num {
	margin: 0 .6em;
}


/* @end */

/* @group Side */

/* -------------------------------------------------------------- */

#side {
	color: #333;
}

ul.globalNavi {
	border-top: 1px solid #999;
}

ul.globalNavi li {
	float: left;
	width: 220px;
	display: block;
	/*border-top: 1px solid #c9b79d;*/
	border-bottom: 1px solid #999;
	font-weight: bold;
}

ul.globalNavi li.current {
	
}

ul.globalNavi li a,
ul.globalNavi li.current span,
ul.globalNavi li.parent span {
	display: block;
	padding: 18px 36px 14px 20px;
	background: url(images/arrow_right.gif) no-repeat right center;
	font-size: 108%;
	letter-spacing: 2px;
	color: #333;
}

ul.globalNavi li.current span,
ul.globalNavi li a:hover {
	background: url(images/arrow_right_on.gif) no-repeat right center;
	text-decoration: none;
	color: #999;
}

ul.globalNavi li.parent a {
	background: url(images/arrow_bottom.gif) no-repeat right center;
}

ul.globalNavi li.parent span,
ul.globalNavi li.parent a:hover {
	background: url(images/arrow_bottom_on.gif) no-repeat right center;
	text-decoration: none;
	color: #999;
}


ul.globalNavi li a small,
ul.globalNavi li span small {
	font-size: 71%;
	font-weight: normal;
}

ul.globalNavi li.current ul li,
ul.globalNavi li.parent ul li {
	border: none;
}

ul.globalNavi li.current ul li a,
ul.globalNavi li.parent ul li a,
ul.globalNavi li.parent ul li.current span {
	padding: 18px 12px 14px 20px;
	background: transparent url(images/mini_arrow.gif) no-repeat right center;
	font-size: 93%;
	letter-spacing: 0;
	color: #333;
}

ul.globalNavi li.current ul li a:hover,
ul.globalNavi li.parent ul li a:hover,
ul.globalNavi li.parent ul li.current span {
	background: url(images/mini_arrow_on.gif) no-repeat right center;
	text-decoration: none;
	color: #999;
}

ul.banner {
	clear: both;
	padding: 10px;
}

ul.facebook {
	clear: both;
	padding: 10px;
}

ul.facebook li {
}

ul.facebook li.last {
	margin-top: 10px;
}


/* @end */

/* @group footer */

/* -------------------------------------------------------------- */

#footer {
	clear: both;
	background-color: #333;
	color: #fff;
}

.footerInfo-01,
.footerInfo-02 {
	position: relative;
	width: 940px;
	margin: 0 auto;
	padding: 20px 0;
}

.footerInfo-01 {
	padding-bottom: 15px;
	border-bottom: 1px solid #333;
}

.footerInfo-01 a {
	color: #fff !important;
}

.footerInfo-02 {
	border-top: 1px solid #666;
}

#footer h2 {
	font-size: 153.9%;
	color: #fff;
	margin-bottom: 5px;
}

#footer table {
	width: 100%;
	border-collapse: collapse;
}

#footer table th,
#footer table td {
	text-align: left;
	white-space: nowrap;
	padding: 5px 0;
}

#footer table th {
	font-size: 108%;
	font-weight: normal;
}

#footer .address {
	font-size: 93%;
}
#footer .tel,
#footer .fax {
	font-size: 93%;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: right;
}

#footer dl {
	display: inline;
	float: left;
	width: 140px;
	margin-right: 20px;
}

#footer dl dt {
	font-size: 108%;
	padding-bottom: .5em;
	margin-bottom: .7em;
	border-bottom: 1px solid #fff;
}

#footer dl dd ul li.address {
	font-size: 77%;
	margin-bottom: .7em;
}

#footer dl dd ul li.tel,
#footer dl dd ul li.fax {
	font-size: 93%;
	font-weight: bold;
	margin-bottom: .5em;
	letter-spacing: 1px;
}

#footer ul.footerNavi {
	
}

#footer ul.footerNavi li {
	float: left;
	font-size: 93%;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #666;
}

#footer ul.footerNavi li.last {
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}

#footer p.copyright {
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 77%;
	text-align: right;
}

/* @end */

/* @group Widget */

/* -------------------------------------------------------------- */

.widget-area {
	
}

.widget-container {
	height: 250px;
	margin-bottom: 20px;
	background: #fff;
}

.widget-container h2 {
	padding: 18px 0 8px;
	margin: 0 14px 10px;
	border-bottom: 2px solid #ccc;
	font-size: 108%;
	color: #333;
}

.widget-container h3 {
	font-size: 93%;
	margin-bottom: .2em;
}

.widget-container .scroll {
	height: 180px;
	margin: 0 14px 14px;
	overflow: auto;
}

.widget-container .scroll ul {
	margin: 4px 10px 0 0;
}

.widget-container .scroll ul li {
	padding-bottom: .5em;
	margin-bottom: .7em;
	border-bottom: 1px solid #ccc;
}

.widget_search {
	position: absolute;
	right: 50%;
	top: 35px;
	height: 30px;
	margin-right: -470px;
}

.widget_search form {
	position: relative;
	width: 198px;
	border: 1px solid #888;
}

.widget_search input.search-input {
	width: 160px;
	height: 18px;
	border: solid 1px #fff;
	line-height: 18px;
	padding: 4px;
	font-size: 108%;
	background-color: #fff;
}

.widget_search .search-button {
	position: absolute;
	display: block;
	top: -1px;
	right: -1px;
	width: 30px;
	height: 30px;
}

.widget_news {
	
}

.widget_kansei_blog {
	
}

.widget-container h2 {
	margin: 0 14px 10px!important;
}

.widget_kansei_blog .scroll {
	float: none !important;
	width: auto !important;
	height: 180px !important;
	margin: 0 14px 14px !important;
	overflow: auto !important;
}

.widget_kansei_blog .blog-icon {
	padding: 4px 10px 2px;
	margin-bottom: .5em;
	color: #fff;
	font-size: 77%;
}

#blog-icon-1 {
	background: #f66;
}

#blog-icon-2 {
	background: #08c;
}

#blog-icon-3 {
	background: #088;
}

.widget_kansei_blog p {
	line-height: 1.6em;
	/*margin-bottom: .4em;*/
	margin: 0 0 .4em 0 !important;
}

.widget_kansei_link {
	height: 520px;
}

.widget_kansei_link ul li {
	text-align: center;
	margin-bottom: 15px;
}

/* @end */

/* @group Class */

/* -------------------------------------------------------------- */

.date {
	color: #888;
	font-size: 77% !important;
}

.line {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #888;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.middle img {
	vertical-align: middle;
}

/* float */

.fleft {
	display: inline;
	float: left;
}

.fright {
	display: inline;
	float: right;
}

/* first */

.first {
	margin-left: 0 !important;
}

/* last */

.last {
	margin-right: 0 !important;
}

/* margin */

.mb0 {
	margin-bottom: 0 !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr20 {
	margin-right: 20px !important;
}

/* padding */

.pb0 {
	padding-bottom: 0 !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr20 {
	padding-right: 20px !important;
}

/* end */

.end {
	margin-bottom: -1em !important;
}

/* line */

.line {
	padding-bottom: 1em;
	margin-bottom: 2em;
	border-bottom: 1px solid #333;
}

/* caption */

.caption {
	font-size: 77%;
	line-height: 1.6em;
}

/* ecoList */

ul.ecoList {
	padding-left: 1.2em;
}

ul.ecoList li {
	font-size: 108%;
	line-height: 1.4em;
	margin-bottom: .2em;
	list-style-type: disc;
	list-style-image: url(images/icon_list.gif);
}

/* clearfix */

.clearfix,
.textBody,
.section,
.blockLink,
.product-image {
	/zoom: 1;
}

.clearfix:after,
.textBody:after,
.section:after,
.blockLink:after,
.product-image:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

/* @end */

/* @group Page */

/* -------------------------------------------------------------- */

body.recruit h2 {
	padding-bottom: .4em;
	margin-bottom: .3em;
	border-bottom: 1px solid #333;
	font-size: 161.6%;
	color: #bb9763;
}

body.contact form table {
	
}

body.contact form table th,
body.contact form table td {
	text-align: left;
	vertical-align: middle;
	border-top: 1px dotted #ccc;
}

body.contact form table th {
	padding: 1em 1em;
}

body.contact form table td {
	padding: 1em 0;
	width: 400px;
}

body.contact form table td input.text {
	width: 370px;
	padding: .5em;
	border: 1px solid #999;
}

body.contact form table td input.tel {
	width: 4em;
	padding: .5em;
	border: 1px solid #999;
}

body.contact form table td input.category {
	width: auto;
}

body.contact form table td textarea#body {
	width: 370px;
	padding: .5em;
}

body.philosophy ul.ecoList li {
	margin-bottom: 1em;
}

body.showroom .textBody h2,
body.showroom .textBody h3 {
	display: inline-block;
}

body.service h2,
body.service h3 {
	color: #bb9763;
}

body.house h3.middle {
	color: #bb9763;
	margin: 30px 0 1em;
}

body.house h3.middle img {
	vertical-align: middle;
	margin-right: 10px;
}

body.eco h2 {
	color: #bb9763;
	display: inline-block;
}

body.eco h3 {
	margin-bottom: 1em;
}

body.grandedi-amorosa-club h3 {
	font-size: 138.5%;
}

body.grandedi-amorosa-club .point li {
	display: inline-block;
	width: 200px;
	height: 220px;
}

body.grandedi-amorosa-club .point li img {
	vertical-align: top;
}


body.grandedi-amorosa-club .licence {
	padding: 15px 0;
	margin-bottom: 30px;
	border: 3px double #ccc;
}

body.grandedi-amorosa-club .infoTable {
	width: 100%;
	border-collapse: collapse;
}

body.grandedi-amorosa-club .infoTable th,
body.grandedi-amorosa-club .infoTable td {
	background: #eee;
	padding: 14px 20px;
	text-align: left;
}


body.grandedi-amorosa-club .infoTable .odd th,
body.grandedi-amorosa-club .infoTable .odd td {
	background: #eee;
}


body.grandedi-amorosa-club .infoTable .even th,
body.grandedi-amorosa-club .infoTable .even td {
	background: #fff;
}
		.articleBox{
			counter-reset: number 0; 
		}

		.articleBox .text{
			margin: 15px 0;
			padding:5px 8px;
			line-height: 2;
			background: #e2efda;
			font-weight: normal;
			color: #333;
		}
		
		.articleBox .h3_1st{
			margin: 15px 0;
			padding: 0 0 3px;
			border-bottom: 1px solid #bb9763;
			line-height: 2;
		}
		.articleBox .h3_1st:before{
			counter-increment:number;
			content:counter(number);
			background: #bb9763;
			display: inline-block;
			width: 30px;
			height: 30px;
			margin: 0 5px 0 0;
			color: #fff;
			text-align: center;
		}
		.articleBox .image02{
			margin: 0 ;
			padding: 0 0 10px;
			list-style: none inside;
		}
		.articleBox .image02 li{
			width: 310px;
			font-size: 0;
			margin: 0 0 0 15px;
			display: inline-block;
			max-width: 310px;
			/*max-height: 310px;*/
			overflow: hidden;
			vertical-align: top;
		}
		.articleBox .image02 li img{
			width: 100%;
			height: auto !important;
		}
		.articleBox .image02 li:first-child{
			margin: 0;
		}
		.articleBox .image03{
			margin: 0 ;
			padding: 0 0 10px;
			list-style: none inside;
		}
		.articleBox .image03 li{
			width: 200px;
			font-size: 0;
			margin: 0 0 0 15px;
			display: inline-block;
			max-width: 200px;
			/*max-height: 200px;*/
			overflow: hidden;
			vertical-align: top;
		}
		.articleBox .image03 li img{
			width: 100%;
			height: auto !important;
		}
		.articleBox .image03 li:first-child{
			margin: 0;
		}
/* @end */