@charset "utf-8";
/**----------------------------------------------------------
 *CSS information 
 *
 * file name	: style.css
 * author		: takaaki koyama
 * style info	: common layout and styles
 -----------------------------------------------------------*/

/* ---------------------------------------------------------------------
 basic settings
--------------------------------------------------------------------- */
html {
	overflow-y:scroll;
}
body {
	color: #737373;
	/*font-size: 76%;*/
	font-size: 62.5%;
	font-family: Arial,"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,Sans-Serif;
	line-height: 1.8;
}
* html body {	/* for IF6 */
	font-family: Arial,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

input,textarea,select,button {
	font-family: Arial,"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,Sans-Serif;
	font-size: 100%;
	color:#000;
}

* html input,
* html textarea,
* html select,
* html button{		/* for IF6 */
	font-family:Arial,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


/*\*/
* html body {
	font-size: 62.5%;
}
* html table {
	font-size: 100%;
	line-height: 1.5;
}
*:first-child+html body {
	font-size: 62.5%;
}
/**/

/* link
---------------------------------------*/

a {
	outline:none;
}

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

a:visited {
	color:#a1843d;
	text-decoration:none;
}

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

a:active {
	color:#9a3825;
	text-decoration:underline;
}



/* ---------------------------------------------------------------------
 js classes
--------------------------------------------------------------------- */
/* first-child */
.first-child{}
/* last-child */
.last-child{}
/* nth-child */

/* even - odd */
.even{}
.odd{}

/* :focus */
.focus{}

/* :hover */
.hover{}

/* JS ------------------*/
.fix_height{}

.icon_pdf{
	padding-left:40px;
	background:url(../img/icons/icon_pdf.gif) no-repeat left 50%;
}

a.external {
	padding-left:18px;
	background:url(../img/icons/icon_external_off.png) no-repeat 3px 50%;
}
a.external:hover {
	background:url(../img/icons/icon_external_on.png) no-repeat 3px 50%;
}

.non_icon{
	padding:0;
	background:none;
}



/* ---------------------------------------------------------------------
 stylize classes
--------------------------------------------------------------------- */
.icon_r{
	padding-left:16px;
	background:url(../img/icons/icon_arr_r.gif) no-repeat left 50%;
}

.mark_close{
	padding-left:16px;
	background:url(../img/icons/icon_mark_close.gif) no-repeat left 50%;
}

.mark_open{
	padding-left:16px;
	background:url(../img/icons/icon_mark_open.gif) no-repeat left 50%;
}




/* ---------------------------------------------------------------------
 LAYOUTS
--------------------------------------------------------------------- */


/*	html,body
----------------------------------------------------------- */

html{}
body{
	background-color:#726461;
}


/*	#page
----------------------------------------------------------- */
#page {
	background-color:#fff;
	text-align:center;
	width:100%;
}

#navi_skip {
    position: absolute;
    left: 0;
    top: 0;
}

#noscript_message{
	width:100%;
	background:#c00;
	color:#fff;
	padding:0.5em 0;
	border-bottom:1px solid #888;
	font-size:1.2em;
	text-align:center;
	z-index:10000;
}


/* #header
----------------------------------------------------------- */
#header {
	width:960px;
	margin:0 auto;
	text-align:left;
	margin-bottom:35px;
}

.sub #header{
	margin-bottom:55px;
}


#header:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
* html #header{ 
	display:inline-block;
}
*+ html #header{ 
	display:inline-block;
}


/* #logo
----------------------------------------- */
#logo{
	width:150px;
	float:left;
}

#logo img{
	padding-top:40px;
}


/* #global_navi
----------------------------------------- */
#global_navi{
	width:658px;
	float:right;
}

#global_navi li {
	height:115px;
	float:left;
}

#global_navi li a img{
	padding-top:59px;
	border-top:3px solid #fff;
}

#global_navi li a img.current{
	border-top-color:#e0d6d1;
}


/*	#contents
----------------------------------------------------------- */
#contents {
	width:960px;
	margin:0 auto;
	text-align:left;
}

#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
* html #contents{ 
	display:inline-block;
}
*+ html #contents{ 
	display:inline-block;
}


/*	#page_title
------------------------------------------------- */
#page_title{
	background:url(../img/parts/bg_subpage_title.gif) repeat-x left top;
}


/*	#path
------------------------------------------------- */
#path{
	margin-bottom:35px;
	text-align:right;
}
#path ul{
	display:inline;
	text-align:right;
}

#path li{
	display:inline;
	padding-left:1.5em;
	color:#333;
}
#path li a{
	padding-right:2em;
	background:url(../img/icons/icon_arr_r_g.gif) no-repeat right 50%;
}





/*	#content
------------------------------------------------- */
#content{
	font-size:1.2em;
}


#content:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
* html #content{ 
	display:inline-block;
}
*+ html #content{ 
	display:inline-block;
}



/*	#main
------------------------------------------------- */
.expand #main{
	padding-left:30px;
	width:930px;
	float:none;
}

#main{
	width:690px;
	float:right;
}


/*	#sub
------------------------------------------------- */
#sub{
	float:left;
	width:220px;
}

/*	#local_navi
--------------------------------------- */
#local_navi ul{
	margin-bottom:3em;
}
#local_navi ul li{
	margin-bottom:1px;
}
#local_navi ul li a{
	width:195px;
	display:block;
	padding:0.7em 0 0.5em 25px;
	line-height:1.5;
	background:url(../img/icons/icon_arr_r.gif) no-repeat 8px 1.2em;
}

#local_navi ul li a:hover,
#local_navi ul li a.current{
	color:#a1843d;
	background-color:#f0eeec;
	text-decoration:none;
}




/*	.section_title
------------------------------------------------- */
#content .section_title{
	/*background:url(../img/parts/bg_section_h.gif) no-repeat left top;*/
	padding-top:6px;
	margin-bottom:1.5em;
	color:#330d00;
	font-size:1.334em;
}

/*	.section
------------------------------------------------- */
.section{
	padding-bottom:3em;
}

.section:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
* html .section{ 
	display:inline-block;
}
*+ html .section{ 
	display:inline-block;
}

.section h1,
.section h2,
.section h3,
.section h4,
.section h5,
.section h6{
	margin-bottom:1em;
}
.section table,
.section ol,
.section ul,
.section dl,
.section blockquote,
.section pre,
.section code,
.section p {
	margin-bottom:2em;
}

.section table ul, .section table ol, .section table dl, .section table p,
.section table h1, .section table h2, .section table h3, .section table h4, .section table h5, .section table h6,
.section ul ul, .section ul ol, .section ul dl, .section ul p,
.section ul h1, .section ul h2, .section ul h3, .section ul h4, .section ul h5, .section ul h6,
.section ol ul, .section ol ol, .section ol dl, .section ol p,
.section ol h1, .section ol h2, .section ol h3, .section ol h4, .section ol h5, .section ol h6,
.section dl ul, .section dl ol, .section dl dl, .section dl p,
.section dl h1, .section dl h2, .section dl h3, .section dl h4, .section dl h5, .section dl h6{
	margin-bottom: 0;
}

.section table{
	width:100%;
	border-top:1px solid #eee;
}

.section table th{
	font-weight:normal;
	padding:0.8em 10px 0.6em;
	border-bottom:1px solid #eee;
}
.section table td{
	padding:0.8em 10px 0.6em;
	border-bottom:1px solid #eee;
}



/*	#footer
----------------------------------------------------------- */
#footer {
	background-color:#726461;
	width:100%;
}

#btn_pagetop{
	background-color:#b3aba1;
	width:100%;
	text-align:center;
}
#btn_pagetop p{
	display:block;
	width:960px;
	margin:0 auto;
	text-align:right;
}


#footer_in{
	width:960px;
	margin:0 auto;
	padding:20px 0 60px;
	text-align:left;
}

#footer_in:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
* html #footer_in{ 
	display:inline-block;
}
*+ html #footer_in{ 
	display:inline-block;
}

/* #foot_logo
----------------------------------------- */
#foot_logo{
	width:78px;
	height:30px;
	float:left;
}

/* #foot_navi
----------------------------------------- */
#foot_navi{
	width:340px;
	float:left;
}

#foot_navi li{
	height:30px;
	float:left;
}


/* #copyright
----------------------------------------- */
#copyright{
	width:250px;
	height:30px;
	float:right;
}