@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);

/*  �t�H���g�T�C�Y�����\
	�ȉ��̂悤�ɃT�C�Y��w�肷�邱�ƂŊe�u���E�U�ł̃t�H���g�T�C�Y�𑵂��邱�Ƃ��o���܂��B
	���L�̃p�[�Z���g�Ŏw�肵�Ă��������B

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* �����N�F */
/* ------------------------------------------------------------ */

a:link{
	color:#1F4C38;
}
a:visited{
	color:#A52849;
}
a:hover{
	color:#AE4E48;
}
a:active{
	color:#AE4E48;
}

/* ------------------------------------------------------------ */
/* ��{�A���C�A�E�g�w�� */
/* ------------------------------------------------------------ */

body{
	color:#333333;
}

#container{
	margin:0 auto;
	position:relative;
}

/* ------------------------------------------------------------ */
/* �w�b�_�[ */
/* ------------------------------------------------------------ */

#header-area{
	position:relative;
	/*border: 1px solid #390;*/
	background : url(head_bg.jpg) center top / auto auto repeat-x scroll padding-box border-box #000000;
	min-height:187px;
	_height:187px;
}

.head{
	/*border: 1px solid #999;*/
	width:910px;
	margin:0 auto;
	position:relative;
}

img.mainimg{
	margin: 7px 0 0 0px; float:left;
}
img.sitelogo{
	margin:30px 0 0 25px;
}


img.s_left{
	position:absolute; left:2px; top:0;
}
img.s_right{
	position:absolute; left:205px; top:0;
}

img.bar{
	margin:0; padding:0; vertical-align:bottom; border:0px solid #390; float:left; display:block;
}

.logo{
	border:0px solid #666;
	background : url(logo_bg.jpg) left top / auto auto repeat scroll padding-box border-box #ffffff;
	width:200px;
	float:left;
	min-height:187px;
	_height:187px;
	margin:0 0 0 5px;
	padding:0;
	display:inline;
}

/* ------------------------------------------------------------ */
/* �O���[�o�����j���[ */
/* ------------------------------------------------------------ */
#globalmenu-area{
	position:relative;
	/*border: 1px solid #390;*/
	background : url(bg_globalmenu.jpg) center top / auto auto repeat-x scroll padding-box border-box transparent;
}

img.ga_left{
	position:absolute; left:2px; top:0;
}

.globalmenu{
	width:910px;
	margin:0 auto;
	position:relative;
}

.globalmenu ul.menu{
	margin:0 0 0 5px;
}

.globalmenu ul.menu li{
	float:left;
}

/* ------------------------------------------------------------ */
/* �R���e���c��g */
/* ------------------------------------------------------------ */

#contents{
	background-color:#E8E4E6;
}

#contents-area{
	width:910px;
	margin:0 auto;
	position:relative;
	font-size:92%;
	background : url(bg_contents-area.jpg) left top / auto auto repeat-y scroll padding-box border-box transparent;	
}


/* ------------------------------------------------------------ */
/* �T�C�h���j���[ */
/* ------------------------------------------------------------ */

#submenu-area{
	width:210px;
	float:left;
	/*background:url(../img/common/bg_submenu.jpg) repeat-y top left;*/
	padding:30px 0 180px 0;
}

#submenu-area .submenu{
	padding:0 0 0 10px;
}

.eachmenu{
	padding:0 0 20px 5px;
}

.eachmenu ul li{
	padding:0;
	font-size:0;
}

.inquiry,
.link-t{
	padding:0 0 20px 0;
	margin:0;
}

.mail{
	padding:0 10px 0 0;
	margin:0;
	float:left;
}

.submenu ul.notic{
	padding:0 0 0 5px;
}

.submenu ul.notic li{
	padding:0 0 5px 0;
	line-height:1.2;
}

#submenu-area .submenu li a:link,
#submenu-area .submenu li a:visited{
	color:#463735;
}

#submenu-area .submenu li a:hover,
#submenu-area .submenu li a:active{
	color:#AE4E48;
}

.association-area{
	padding:30px 0 20px 10px;
	margin:0;
}

.association-area ul li{
	padding:0 0 10px 0;
	font-size:0;
}
	
/* ------------------------------------------------------------ */
/* ���C�� */
/* ------------------------------------------------------------ */

#main-area{
	width:690px;
	float:left;
	padding:30px 0 0 0;
}

#main-area .pagetitle{
	margin:0 0 30px 0;
}

strong{
	color:#1A4834;
}

.section{
	width:650px;
	margin:0 auto 20px auto;
	padding:0 0 10px 0;
	clear:both;
}

.section-mbn{
	width:auto;
	margin:0;
	padding:0;
	clear:both;
}

.section-mb20{
	width:auto;
	margin:0 0 20px 0;
	padding:0;
	clear:both;
}

.section-mb10{
	width:auto;
	margin:0 0 10px 0;
	padding:0;
	clear:both;
}

.section-mt10b20{
	width:auto;
	margin:10px 0 20px 0;
	padding:0;
	clear:both;
}

.section-w445{
	width:445px;
	margin:0;
	padding:0;
}

.section-w430{
	width:430px;
	margin:0;
	padding:0;
}

.section h1{
	padding:0 0 20px 0;
}

.section h2,
.section h3{
	padding:0 0 15px 0;
}


h2.text{
	font-family:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	font-size:120%;
	color:#444;
	font-weight:bold;
	background : url(titlebg_gr.gif) left center / auto auto no-repeat scroll padding-box border-box #ffffff;
	padding:0 0 3px 15px;
	margin:0 0 18px;	
}


/* ------------------------------------------------------------ */
/* �t�b�^�[ */
/* ------------------------------------------------------------ */

#footer-area{
	background : url(bg_footer.jpg) left top / auto auto repeat-x scroll padding-box border-box transparent;
	min-height:106px;
	_height:106px;
	color:#E3E3E3;
}

.footer{
	width:914px;
	margin:0 auto;
}

.footer-text{
	width:730px;
	padding:15px 0 0 14px;
	margin:0 auto;
	float:left;
}

.foot-l{
	padding:0 10px 0 0;
	float:left;
}

.foot-l ul li.name{
	padding:0 0 8px 0;
	margin:0;
	font-size:0;
}

.foot-l ul li{
	padding:0;
	margin:0;
	font-size:0;
}

.foot-r{
	padding:0 0 0 15px;
	border-left:1px solid #FFFFFF;
	float:left;
}

.foot-r ul li.coment{
	color:#ABD2BB;
	font-size:88%;
}

.pagetop{
	padding:0 5px 0 0 ;
	float:right;
}

#copyright{
	background:#193E2F;
	min-height:38px;
	_height:38px;
}

#copyright p.copyright-text{
	width:388px;
	padding:10px 0 0 0;
	clear:both;
	margin:0 auto;
}


/* ------------------------------------------------------------ */
/* �f�U�C���p�[�c_Default */
/* ------------------------------------------------------------ */

.left,p.left,img.left{
	float: left;
}

.right,p.right,img.right{
	float: right;
}

img.center{
	text-align: center; display: block; margin: 0 auto;
}

a:hover img.focus{
	filter: alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}

.bor{
	border: 1px solid #CCC;
}
.no_b{
	border: 0px !important;
}


/* ------------------------------------------------------------ */
/* �f�U�C���p�[�c_Addition */
/* ------------------------------------------------------------ */

img{
	display:block;
}

img.photo{
	border:1px solid #CCCCCC;
	padding:1px;
}

p.bold,span.bold{
	font-weight:bold;
}


/* ------------------------------------------------------------ */
/* �e�[�u���f�U�C�� */
/* ------------------------------------------------------------ */

table{
	border: 0px;
	border-collapse: collapse;
}

table th{
	border:none;
}

table td{
	border:none;
	text-align:left;
	vertical-align:middle;
}


/* -------------th���΂ō���-------------------------------- */

table.green{
	border: 0px;
	border-collapse: collapse;
}

table.green th{
	background : url(tablebg.jpg) left bottom / auto auto repeat-x scroll padding-box border-box #205a42;
	color: #FFF;
	border: 1px solid #BBB;
	font-weight:bold;
	text-align:left;
	font-size: 12px;
	padding:5px;

}

table.green td{
	background: #FFF;
	color: #333;
	border: 1px solid #BBB;
	font-size: 12px;
	vertical-align:middle;
	padding:5px;
}

table.g_c th,table.g_c td{
	text-align:center;
	vertical-align:middle;
}

/* -------------th���΂Œ�����-------------------------------- */

table.green2{
	border: 0px;
	border-collapse: collapse;
}

table.green2 th{
	background : url(tablebg.jpg) left bottom / auto auto repeat-x scroll padding-box border-box #205a42;
	color: #FFF;
	border: 1px solid #BBB;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	font-size: 12px;
	padding:5px;

}

table.green2 td{
	background: #FFF;
	color: #333;
	border: 1px solid #BBB;
	font-size: 12px;
	text-align:center;
	padding:5px;
}

/* -------------goods�p-------------------------------- */

table.goods{
	border: 0px;
	border-collapse: collapse;
}

table.goods{
	color: #FFF;
	border: 1px solid #BBB;
	text-align:left;
	font-size: 12px;
}

table.goods th,
table.goods td{
	padding:10px;	
	font-size: 12px;
}

table.goods th{
	background:#222E42;
	color: #FFF;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	width:130px !important;
}

table.goods td{
	background: #FFF;
	color: #333;
	vertical-align:middle;
}

table.goods tr.bgc th{
	background:#F2F4F3;
	color:#333333;
	font-weight:bold;
}

table.goods tr.bgc td{
	background:#F2F4F3;
}