@charset "utf-8";

/* -----------------------------------------------
CSS file
FileName:default.css
Author:ecco
UpdatedBy:who-when
----------------------------------------------- */

/* --------------
MODULE IMPORT
-------------- */

@import "header.css";
@import "globalnavi.css";
@import "breadcrumb.css";
@import "title.css";
@import "margin.css";
@import "indent.css";
@import "table.css";
@import "sidenavi.css";
@import "footer.css";
@import "font-medium.css";

/* --------------
Default
-------------- */

/* definition_basic_tag */

body,
div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,
form,fieldset,input,textarea,
p,
blockquote,
th,td
{  
	margin:0; 
	padding:0; 
}

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

fieldset,img {  
	border:0; 
}

address,
caption,
cite,
code,
dfn,em,
strong,
th,
var { 
	font-style:normal; 
	font-weight:normal; 
}

ol,ul { 
	list-style:none; 
}

caption,th { 
	text-align:left; 
}

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

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

abbr,acronym {
	border:0; 
}


body{
	background-color: #FFF;
	background-image: url(../../images/bg_body.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	color: #333;
	font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	text-align: center;
}

img{
	border-style: none;
	outline: none;
	vertical-align: bottom;
}

li{
	list-style: none;
}

p{
	line-height: 1.3;
	margin: 15px 0;
}

/* definition_link */
a:link{
	/*background-color: #FFF;
	color: #728766;*/
	text-decoration: none;
}
a:visited{
	/*background-color: #FFF;
	color: #728766;*/
	text-decoration: none;
}
a:hover{
	/*background-color: #FFF;
	color: #728766;*/
	text-decoration: underline;
}
a.hover80:hover img {
	filter:alpha(opacity=80); /* internet explorer */
    -khtml-opacity:0.8;      /* khtml, old safari */
    -moz-opacity:0.8;       /* mozilla, netscape */
    opacity:0.8;           /* fx, safari, opera */
}
a:active{
	/*background-color: #FFF;
	color: #728766;*/
	text-decoration: none;
}

.interiorLink{
	background-image: url(../../images/ic_list01.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

.exteriorLink{
	background-image: url(../../images/ic_list01.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

/***************************************************

/* --------------
Common
-------------- */

/* definition_clear */
.clear{
	clear: both;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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

/* definition_textsize */

.small {font-size:85%;}  /*renders 11px */ 
.medium {font-size:100%;} /*renders 13px */  
.large {font-size:108%;} /*renders 14px */ 
.xlarge {font-size:123.1%;} /*renders 16px */ 
.xxlarge {font-size:138.5%;} /*renders 18px */ 

/* definition_text_color */
.clr01{
	color: #19a;/* green */
}
.clr02{
	color: #f5367a;/* pink */
}
.clr03{
	color: #055b72;/* darkgreen */
}
.clr04{
	color: #74c1c1;/* lightgreen */
}

/* definition_text_align */
.alnL{
	text-align: left;
}
.alnC{
	text-align: center;
}
.alnR{
	text-align: right;
}
.alnJ{
	text-align: justify;
	text-justify: inter-ideograph;
}

/* definition_.imgBox */
.imgBoxL{
	border-color: #DDD;
	border-style: solid;
	border-width: 1px;
	float: left;
	margin: 0;
	width: auto;
}

.imgBoxR{
	border-color: #DDD;
	border-style: solid;
	border-width: 1px;
	float: right;
	margin: 0;
	width: auto;
}

/* definition_.textBox */
.textBoxL{
	float: left;
	margin: 0;
	width: 370px;
}

.textBoxR{
	float: right;
	margin: 0;
	width: 370px;
}


/***************************************************

/* --------------
Layout
-------------- */

/* definition_#wrapper */
#wrapper{
	margin: 0 auto 10px;
	text-align: left;
	width: 845px;	
}

/* only IE7 */
*:first-child+html #wrapper{
	margin: 0 auto 20px;
}

/* under IE6 */
* html #wrapper{
	margin: 0 auto 20px;
}

/* definition_#header */
#header{
	margin: 5px auto 35px;
	width: 845px;	
}

/* definition_#wrapContents */
#wrapContents{
	margin: 0 auto;
	width: 845px;	
}

/* definition_#footerNavi */
#footerNavi{
	clear: both;
	width: 845px;
}

/* definition_#wrapFooter */
#wrapFooter{
	background-image: url(../../images/bg_footer.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	clear: both;
	height: 120px;
	width: 100%;
}

/* definition_#footer */
#footer{
	margin: 0 auto;
	padding: 13px 0 0;
	position: relative;
	text-align: left;
	width: 845px;
}