/* CSS Document */

@charset "UTF-8";
/* CSS Information------------------------------------------
File name: common.css
Date: 2009.09.25

=1: defoult

=2: header

=3: global-nav

=4: topicpath

=5: contents

=6: main

=7: right

=8: footer


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

/* =1: defoult */
html {
    overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
}
body {
	font-size: 13px;
    *font-size:small;/* WinIE7およびIE6標準準拠モードに適用 */
    *font:x-small;/* IE 6/7 後方互換モードはx-small */
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", 
	"メイリオ","Meiryo",
	Osaka,
	"ＭＳ Ｐゴシック","MS P Gothic",
	sans-serif;
	color: #635549;
	line-height: 1.5;		
	background-color: #ECE7E3;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}
p {
	color: #635549;
	font-size: 93%;
}

h2 {
    margin-bottom: 20px;
}

h3 {
    margin-bottom: 10px;
}

ul li a {
    overflow: hidden;
}

a:link {
	color: #635549;
	text-decoration: underline;
}

a:visited {
	color: #635549;
	text-decoration: underline;
}

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

a:active {
	color: #553a2a;
}

table {
    font-size:inherit;
}

/* =1-2: font-color */
.orange {
	color: #e18700;
	font-weight: bold;
}

.gold {
	color: #d8a850;
	font-weight: bold;
}

.brown {
	color: #7f2e00;
	font-weight: bold;
}

/* =1-3: h2-h3_bg */
.line-3 {
	font-size: 116%;
	color: #d8a850;
	line-height: 2.0;
	margin-bottom: 10px;
	background-image: url(../images/bg/h3-bg_3line_s.jpg);
	background-position: bottom ;
	background-repeat: repeat-x;
}

.line-3_b {
	font-size: 108%;
	font-weight: bold;
	color: #635549;
	line-height: 2.0;
	margin-bottom: 10px;
	background-image: url(../images/bg/h3-bg_3line_b.jpg);
	background-position: bottom ;
	background-repeat: repeat-x;
}

.h3-first {
	color: #5a493f;
	font-size: 116%;
	font-weight: bold;
	background-image: url(../images/bg/bg_1px-2dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-left: 4px solid #5a493f;
	padding-left: 5px;
}

/* =2: header */
#header {
	position: relative;
	background-image: url(../images/bg/header_bg.gif);
	background-repeat: no-repeat;
	width: 840px;
	height: 80px;
	padding: 0 45px 0 45px;
}
#header ul#header-nav {
	position: absolute;
	top: 5px;
	left: 682px;
	width: 215px;	
}
#header ul#header-nav li {
	width: 80px;
	float: right;
	background-image: url(../images/bg/icon_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
	margin-left: 10px;
	line-height: 12px;
	font-size: 85%;
	color: #FBFAF7;
	display: block;
}

#header ul#header-nav li a {
	color: #ffffff;
	text-decoration: none;
}

#header ul#header-nav li a:hover {
	color: #f39800;
	text-decoration: none;
}

#header p {
	position: absolute;
	top: 38px;
	left: 698px;
}

/* =3: global-nav */
#global-nav ul {
	background-image: url(../images/bg/nav_bg.jpg);
	background-repeat:no-repeat;
	width: 840px;
	height: 35px;
	padding: 5px 45px 0 45px;
	margin: 0;
}

#global-nav ul li {
	display: block;
	width: 140px;
	height: 35px;
	float: left;
}

/* =4: topicpath */
#topicpath {
    width: 840px;
	padding: 23px 45px 0 45px;
	background-image:url(../images/bg/contents_bg.jpg);
	background-repeat: repeat-y;
}

#topicpath ol li {
    display: inline;
	font-size: 85%;
}

/* =5: contents */
#contents {
    width: 840px;
	padding: 0 45px 5px 45px;
	background-image:url(../images/bg/contents_bg.jpg);
	background-repeat: repeat-y;
}


#contents-area {
	width: 778px;
	padding: 30px;
	background-color: #FFFFFF;
	border: solid 1px #BBBBBB;
}

/* =6: main */
#contents #contents-area #main {
    width: 520px;
	margin-right: 30px;
	float: left;
}

#contents #contents-area #main .section {
	width: 520px;
	margin-bottom: 60px;
}

/* #contents #contents-area #main p.beginning {
	margin-bottom: 40px;
	padding: 0 2px;
} */

#contents #contents-area #main p.main-text {
	margin-bottom: 40px;
}

#contents #contents-area #main p.paragraph {
	margin-bottom: 20px;
}

#contents #contents-area #main h3.normal {
	font-size: 108%;
	font-weight: bold;
	color: #635549;
	line-height: 30px;
	background-image:url(../images/bg/h3-normal_bg.jpg) ;
	background-repeat: no-repeat;
	padding-left: 13px;
	padding-top: 2px;
}

#contents #contents-area #main p.return_menu-list {
	font-size: 85%;
	text-align: right;
	margin-bottom: 40px;
	padding-top: 5px;
}


/* =7: right */
#contents #contents-area #right {
    width: 228px;
	float: left;
}

#contents #contents-area #right ul {
	margin-bottom: 20px;
}

#contents #contents-area #right ul li {
	margin-bottom: 10px;
}

/* #contents #contents-area #right dl {
    width: 218px;
	height: 65px;
	margin-bottom: 20px;
	padding: 0 5px 0px 5px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 12px;
	line-height: 1.5em;
}
#contents #contents-area #right dl dt {
	width: 60px;
    float: left;
	margin-right: 5px;
}

#contents #contents-area #right dl dd {
	width: 150px;
    float: right;
	padding-top: 2px;
} */

/* =8: footer */
#footer-nav {
	background-image: url(../images/bg/contents_bg.jpg);
	background-repeat: repeat-y;
	width: 840px;
	height: 40px;
	padding: 0 45px;
}

#footer-nav p {
	float: right;	
}

#footer-nav ul {
	width: 520px;
	float: left;
	line-height: 1;
}

#footer-nav ul li {
	display: inline;
	font-size: 85%;
}

/* footer */
#footer {
	background-image: url(../images/bg/footer_bg.jpg);
	background-repeat: no-repeat;
	width:840px;
	height: 45px;
	padding: 0 45px;
}
#footer address {
	
	float: left;
	font-size: 85%;
	line-height: 40px;
	color: #E2D6BD;
}
#footer p {

	float:right;
	font-size: 85%;
	line-height: 40px;
	color: #E2D6BD;
}


/* clearfix */
.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}