@charset "UTF-8";

/* �|�|�|�|�| reset �|�|�|�|�| */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:bottom;
    background:transparent;
	border-style: none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

ul,ol,li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	font-size:0.1em;
	line-height:0;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
	min-height:1%;
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
/* End hide from IE-mac */

/* �|�|�|�|�| ��{�ݒ� �|�|�|�|�| */
	
body {
	background: #4e650d;
	color: #333;
	font-size: 100%;
	font-family: "���C���I","Meiryo",verdana,"�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro",Osaka,"�l�r �o�S�V�b�N","MS PGothic",Sans-Serif;
	line-height: 1.6;
	margin: 0px auto;
	padding: 0px;
}
* html body {	/* for IF6 */
	font-family: "�l�r �o�S�V�b�N","MS PGothic",Sans-Serif;
}	

a:link {
	color: #79ae0c;
	text-decoration:none;
	}

a:visited {
	color: #79ae0c;
	}

a:hover {
	color: #8eca35;
	text-decoration: underline;
	}

a:active {
	color: #79ae0c;
	}

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

.right {
	text-align: right;
	}

.left {
	text-align: left;
	}
	
img.imgleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}

img.imgright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	
.inner {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	}
	
img.frame {
	border: 1px solid #e0e0e0;
	}


/* �|�|�|�|�| wrapper �|�|�|�|�| */

#wrapper {
	margin: 0px auto;
	padding: 0;
	width: 100%;
	font-size: 80%;
	text-align: center;
	line-height:160%;
	display:inline-block;
	}
	
/* �|�|�|�|�| header �|�|�|�|�| */

header {
	padding:0px;
	width: 100%;
	height: 135px;
	background: url(../images/common/header_bg.png) top center repeat-x;
	display:inline-block;
	}

header h1 {
	float: left;
	margin-top: 30px;
	}

header h1 a {
	display:block;
	width: 535px;
	height: 40px;
	background: url(../images/common/logo.png) no-repeat top;
	text-indent: -400000px;
}

header .info {
	float:right;
	padding-top: 30px;
}

header .info li {
	padding-left:20px;
	display:table-cell;
	display:inline;

}

header .btn {
	padding-top:10px;
	text-align:right;
}


/* �|�|�|�|�| nav-global �|�|�|�|�| */


#home #nav-global {
	width: 100%;
	height: 78px;
	clear: both;
	padding: 0px;
	margin: 0px auto;
	background: url(../images/common/nav-global_bg_home.png) top center repeat-x;
}

		
#home #nav-global ul {
	margin: 0 auto;
	padding: 0;
	width: 901px;
}

#nav-global {
	width: 100%;
	height: 87px;
	clear: both;
	padding: 0px;
	margin: 0px auto;
	background: url(../images/common/nav-global_bg.png) top center repeat-x;
}
		
#nav-global ul {
	margin: 0 auto;
	padding-top: 9px;
	width: 901px;
}

#nav-global li {
	float: left;
	padding: 0px;
	margin: 0px;
}

/* �|�|�|�|�| container �|�|�|�|�| */

#container {
	margin: 0 auto;
	padding: 30px 0 60px;
	background:#ffffff;
	}

/* �|�|�|�|�| main �|�|�|�|�| */


#main {
	float: right;
	margin: 0;
	padding: 0;
	width: 670px;
	text-align:left;
}

#main section {
	margin-bottom: 30px;
	padding: 0;
	display:inline-block;
}

#main section h2 {
	margin-bottom: 10px;
	padding: 2px 0 0 38px;
	width: 632px;
	height: 30px;
	font-size: 120%;
	color:#676767;
	background:url(../images/common/title_bg.png) 0 0 no-repeat;
}

#main article {
	margin: 0;
	padding-left: 40px;
	display:inline-block;
}


#main section p {
	padding-bottom: 15px;
}

/* �|�|�|�|�| ptitle �|�|�|�|�| */

#main #ptitle {
	margin-bottom: 30px;
	padding: 0;
	width: 670px;
	height: 70px;
	background:url(../images/common/ptitle.png) 0 0 no-repeat;	
}

#main #ptitle h1 {
	margin: 0;
	padding: 27px 0 0 35px;
	font-size: 200%;
	color: #4f3b10;
	letter-spacing: 0.1em;
}


/* �|�|�|�|�| list �|�|�|�|�| */

#main section ul li {
	margin-bottom: 5px;
	padding-left: 25px;
	background: url(../images/common/icon_arrow2.png) 0 2px no-repeat;	
}

#main section ol li {
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(../images/common/icon_arrow1.png) 0 4px no-repeat;	
}


/* �|�|�|�|�| sideber �|�|�|�|�| */

#sideber {
	float: left;
	position: relative;
	margin-top: 0px;
	padding: 0;
	width: 206px;
}

#sideber ul {
	padding-bottom: 5px;
}

#sideber ul li {
	padding-bottom: 5px;
}


/* �|�|�|�|�| pagetop �|�|�|�|�| */

#pagetop a {
	float:right;
	margin-top: -58px;
	padding: 3px 10px 3px 25px;
	font-size: 90%;
	color: #ffffff;
	font-weight:bold;
	clear:both;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	text-align:left;
	background:url(../images/common/icon_up.png) 3px 8px no-repeat #96ab63;
	text-decoration: none;
	}

#pagetop a:hover {
	color: #d9ffba;
}

/* �|�|�|�|�| footer �|�|�|�|�| */

footer  {
	margin: 0 auto;
	padding: 30px 0;
	width: 100%;
	background: #4e650d;
	color: #ffffff;
	clear:both;
	font-size:90%;
	text-align:left;
	border-top: #96ab63 5px solid;
	display:inline-block;
	}

footer nav  {
	float: left;
	line-height: 200%;
	}

footer address  {
	float:right;
	font-style: normal;
	}
	
footer address p  {
	padding-bottom:10px;
	}
		
footer a:link {	color: #ffffff;	text-decoration:none;	}
footer a:visited { color: #ffffff;}
footer a:hover { color: #ffffff; text-decoration: underline;}
footer a:active { color: #ffffff;}