@charset "utf-8";
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0px; 
    padding: 0px;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0px;
}
table{
    border-collapse: collapse;
    border-spacing:0px;
}
td { vertical-align: top; }
caption, th{
    text-align: left;
	font-weight:normal;
}
address, caption, cite, code, dfn, em, th, var{
    font-style: normal; 
    font-weight: normal;
}
a{
	text-decoration:none;
}
/*reset end*/
/*base*/

/* --------------------------------
	共通設定
-------------------------------- */

body{
	font-size:0.8em;
	background:url(../images/base/bg.jpg) repeat-x #E5E5BE;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#666;
}


#container{
	width:900px;
	margin:0px auto;
	padding:0px;
	line-height:1.4em;
	background:#ffffff;
	border-left:solid 5px #CCCC99;
	border-right:solid 5px #CCCC99;
}
#seo{
	width:780px;
	margin:0px auto;
	font-size:0.85em;
	padding:2px 0px 0px 0px;
	line-height:18px;
	color:#666666;
}

#contents {
	width:780px;
	margin:0px auto;
}

/* --------------------------------
	ヘッダー
-------------------------------- */

#header{
	width:780px;
	margin:0px auto;
}
#header h1{
	display:inline;
}
#header .h_left{
	float:left;
	width:260px;
}
#header .h_right{
	float:right;
	width:400px;
}
#header .h_right img{
	display:block;
}
#header .h_right ul{
	float:right;
	font-size:0.95em;
	height:20px;
}
#header .h_right li{
	display:inline;
	background:url(../images/base/headmenu.gif) no-repeat 0px 1px;
	padding:0px 0px 0px 14px;
	margin:1px 0px 0px 10px;
	color:#333333;
}
#header .h_right li a{
	color:#333333;
}
#header .h_right li a:hover{
	color:#3399CC;
}


/* --------------------------------
	メインメニュー
-------------------------------- */
#menu{
	clear:both;
	margin:10px 0px;
	background: url(../images/base/mainmenu_bg.gif) repeat-x top; /* メニューの背景 */
	border-top: solid 1px #FFFFFF; /* 上境界線 */
	height: 50px;
}

#menu ul {
	width: 782px; /* メニュー本体の幅 */
	margin: 0px auto;
	padding: 0px;
	border-left: 1px #000000 solid; /* 左境界線 */
	border-right: 1px #FFFFFF solid; /* 右境界線 */
	text-align: center;
}

#menu li {
	width: 130px; /* 項目の幅 */
	height: 42px;
	background: url(../images/base/mainmenu_off.gif) repeat-x top; /* ヘッダメニューの背景 */
	float: left;
	line-height: 100%;
}

#menu li.first,
#menu li.last {	/* 最初の項目と最後の項目 */
	width: 131px; /* 項目の幅 */
}

#menu li a {	/* リンクエリア */
	display: block;
	position: relative; /* IE6用 */
	padding: 12px 2px 2px 7px; /* リンクエリアのパディング */
	border-left: 1px #FFFFFF solid; /* 左境界線 */
	border-right: 1px #000000 solid; /* 右境界線 */
	 /* font-weight: bold;文字の太さ（太字） */
	color: #ffffff; /* 文字色 */
	text-decoration:none;
}

#menu li a span.en {	/* 英字部分 */
	display: block;
	margin-top: 2px; /* 英字部分の上マージン */
	font-size: 85%; /* 英字の文字サイズ */
	font-weight: normal; /* 文字の太さ（ノーマル） */
	color: #D8D8D8; /* 英字の文字色 */
	text-decoration:none;
}

#menu li a:hover,
#menu li.active a {	/* ポイント時とアクティブ時の設定 */
	background: url(../images/base/mainmenu_on.gif) repeat-x top;
}
#menu li a:hover span.en,
#menu li.active span.en {
	color: #ffff33; /* ポイント時（アクティブ時）の英字の文字色 */
}

.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}

/* --------------------------------
	フッター
-------------------------------- */

#footer{
	color:#666666;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	line-height:1.5em;
	border-top:1px dotted #999999;
	font-size:0.95em;
	text-align:center;
}
#footer ul.ulf1{
	margin:0px 0px 5px 2px;
}
#footer li.lif1{
	background:url(../images/base/headmenu.gif) no-repeat 0px 1px;
	padding:0px 0px 0px 14px;
	margin:1px 0px 0px 10px;
	display:inline;
}
#footer ul.ulf2{
	margin:0px 0px 5px 2px;
}
#footer li.lif2{
	background:url(../images/base/li02.gif) no-repeat;
	padding:0px 6px 0px 7px;
	display:inline;
}
#footer li a{
	color:#666666;
}
#footer li a:hover{
	color:#3399CC;
}
#footer a.copy { color: #666; }
#navi{
	color:#ffffff;
	font-size:0.8em;
	background:#171717;
	padding:1px 0px 0px 7px;
}
#navi a{
	color:#ffffff;
}
#navi a:hover{
	color:#0099CC;
}

.returntop{
	text-align:right;
	margin-bottom:10px;
}
.returntop a,.returntop a:hover{
	color:#0099CC;
	background:url(../images/contents/returntop.gif) no-repeat right;
	padding:0px 14px 0px 0px;
}
.returntop a:hover{
	border-bottom:1px dotted #0099CC;
	
}


/*base end*/
/*layout*/




.clear{
	clear:both;
}
.clearal{
	height:1px;
	clear:both;
	visibility:hidden;
}
.dispinline{
	display:inline;
}
.bottom_m05{
	margin-bottom:5px;
}
.bottom_m10{
	margin-bottom:10px;
}
.bottom_m15{
	margin-bottom:15px;
}
.bottom_m20{
	margin-bottom:20px;
}
.height_10{
	height:10px;
	clear:both;
	visibility:hidden;
}
.height_15{
	height:15px;
	clear:both;
	visibility:hidden;
}
.txt_right{
	text-align:right;
}
.txt_center{
	text-align:center;
}
.float_left{
	float:left;
}
.float_right{
	float:right;
}
p{
	margin-bottom:10px;
	line-height:1.7em;
}
#contents p a{
	color:#0099CC;
}
#contents p a:hover{
	color:#0099CC;
	border-bottom:1px dotted #0099CC;
}
#contents a:hover.img-link { border: 0; }
.small01{
	font-size:0.9em;
}
.big01{
	font-size:1.1em;
}
.big02{
	font-size:1.4em;
}
.strong{
	font-weight:bold;
}
.blue { color: #00F; }
.big_green {
	color: #090;
	font-weight: bold;
	font-size: 2em;
	line-height: 125%;
}
.mes{
	font-size:1.1em;
	line-height:1.4em;
}
.img-right {
	float: right;
	margin: 0 0 10px 10px;
}
.img-left {
	float: left;
	margin: 0 10px 10px 0;
}

/* for modern brouser */
.float_clear:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
html:not(:only-child:only-child) .float_clear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* */
/* IE7,MacIE5 */
.float_clear {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .float_clear {
  height: 1%;
}
.float_clear {
  display: block;
}
/**/
/* 2column */
.column2{
}
.column2 .left2c{
	width:360px;
	float:left;
	clear:both;
}
.column2 .right2c{
	width:360px;
	float:right;
}
/* 3column */
.column3{
}
.column3 .left3c{
	width:244px;
	float:left;
}
.column3 .center3c{
	width:244px;
	margin-left:19px;
	float:left;
}
.column3 .right3c{
	width:244px;
	float:right;
}
.w507{
	width:507px;
}
/* index 2column */
.icolumn{
	margin-bottom:20px;
}
.icolumn .ileftcol{
	width:490px;
	float:left;
}
.icolumn .irightcol{
	width:250px;
	float:right;
	text-align: center;
}

/* index */

.mainimage{
	border-bottom:2px solid #CCCC99;
}

#middlemenu {
	width:780px;
	background:url(../images/contents/index/banner_bg.jpg) no-repeat;
	padding:10px 0px 0px 0px;
	margin:0px auto 20px auto;
}

#middlemenu img {
	float:left;
	margin:0px 5px 0px 5px;
}

#bottommenu {
	width:780px;
	background:url(../images/contents/index/bg.jpg) no-repeat;
	padding:10px 0px 0px 0px;
	margin:10px auto 0px auto;
}

#bottommenu img {
	float:left;
	margin:0px 5px 0px 5px;
}

/*list*/
ul.li01{
	margin-bottom:10px;
}
.li01 li{
	background:url(../images/contents/list01.gif) no-repeat 0px 5px;
	padding:0px 0px 6px 14px;
}
ul.li02 { margin-left: 30px; }
.li02 li { list-style-type: decimal; }

/* pagetitle */
.pagetitle{
	background:#333333;
	color:#E2F7FF;
	padding:18px 0px 18px 17px;
	font-weight:bold;
	font-size:1.45em;
	line-height:1.3em;
	margin-bottom:20px;
}
/* midashi */
.midashi01{
	background:url(../images/contents/midashi01.jpg) repeat-y right #E2F7FF;
	line-height:1.3em;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #cccccc;
	font-weight:bold;
	font-size:1.25em;
	padding:5px 0px 3px 5px;
	margin:0px 0px 15px 0px;
}
.midashi02{
	line-height:1.3em;
	border-left:3px solid #99CC33;
	color:#669933;
	font-weight:bold;
	font-size:1.1em;
	padding:1px 0px 1px 5px;
	margin:0px 0px 15px 0px;
}
/* table */
.table01 {
	border:1px solid #999999;
	border-collapse: collapse;
	margin:0px 0px 10px 0px;
}
.tdw {
	border:1px solid #999999;
	background:#ffffff;
	padding:3px 5px;
}
.td01 {
	background:#EBEBEB;
	border:1px solid #999999;
	padding:3px 5px;
}

/* box */
.box01{
	background: #FFC;
	padding: 10px;
	border: 1px solid #CCC;
}
/*contact*/
.contact object,.contact iframe{ 
    width:770px; 
    height:320px; 
    border:0px; 
    margin:0px 0px 10px 0px; 
    padding:0px; 
    clear:both; 
}
/*company*/
.company object,.company iframe{ 
    width:770px; 
    height:500px; 
    border:0px; 
    margin:0px 0px 15px 0px; 
    padding:0px; 
    clear:both; 
}
/*layout end*/