*{
	margin:0;
	padding:0;
}
body,td,th{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; /* "ヒラギノ丸ゴ Pro W4(for FF)","Hiragino Maru Gothic Pro(for Safari)" */
	color:#373737;
	/* word-break:break-all; */
	line-height:1.0; /* 100% */
	font-size:100%; /* 100%; */
}
img{border:0px;vertical-align:middle;}
.clear{clear:both;}
.none{display:none;}
/*
a:link,
a:visited{color:#0000f0;text-decoration:none;}
a:hover,
a:active{color:#EF7000;text-decoration:underline;}
*/

body{text-align:center;}
#wrapper{margin:0 auto;width:970px;} /* 860 */
#bg{margin:20px 0 50px 0;} /* for body_bg */

/* header part */
#header{
	border:solid #7F7F7F;
	border-width:1px 1px 0 1px;
	position:relative;
	z-index:1;
	height:160px;
	text-align:left;
}
#project{height:36px;}
#project p{text-align:left;padding:12px 0 0 10px;font-size:12px;color:#656565;}
#project span{color:#FD3A25;}
#logo{
	height:84px;
	border-bottom:40px solid #44B9D4;
}

/* top menu */
#menu{
	position:absolute;
	top:120px;left:0px;
	z-index:2;
	height:40px;
}
#menu ul{margin:0;padding:0;} /* 0 0 0 4px; */
#menu li{float:left;height:40px;list-style-type:none;} /* width:150px; overflow:visible; */
/* #menu li.b0{margin-left:4px;} ulのpadding-leftで指定 (IE6で崩れないため) */
#menu li.b1{margin-left:0px;}
#menu li.b2{margin-left:0px;}
#menu li.b3{margin-left:0px;}

#menu li.b0{width:142px;}
#menu li.b1{width:162px;}
#menu li.b2{width:189px;}
#menu li.b3{width:145px;}
#menu li.b4{width:172px;}

#menu li a{
	height:40px;display:block;outline:none; /* 150px */
	text-decoration:none;
	text-indent:-9999px;
	background:url(/img/menu_btn.gif) left top no-repeat;
}
#menu li a:hover{left:0;top:0;}
#menu li a.b0{background-position:0 0px;width:142px;}
#menu li a.b1{background-position:-142px 0px;width:162px;}
#menu li a.b2{background-position:-304px 0px;width:189px;}
#menu li a.b3{background-position:-493px 0px;width:145px;}
#menu li a.b4{background-position:-638px 0px;width:172px;}
#menu li a.b0:hover{background-position:0 -40px;top:0;left:0;}
#menu li a.b1:hover{background-position:-142px -40px;top:0;left:0;}
#menu li a.b2:hover{background-position:-304px -40px;top:0;left:0;}
#menu li a.b3:hover{background-position:-493px -40px;top:0;left:0;}
#menu li a.b4:hover{background-position:-638px -40px;top:0;left:0;}
#menu li a.b0_selected{background-position:0 -80px;}
#menu li a.b1_selected{background-position:-142px -80px;}
#menu li a.b2_selected{background-position:-304px -80px;}
#menu li a.b3_selected{background-position:-493px -80px;}
#menu li a.b4_selected{background-position:-638px -80px;}
#menu li a.b0_selected:hover{background-position:0 -80px;top:0;left:0;}
#menu li a.b1_selected:hover{background-position:-142px -80px;top:0;left:0;}
#menu li a.b2_selected:hover{background-position:-304px -80px;top:0;left:0;}
#menu li a.b3_selected:hover{background-position:-493px -80px;top:0;left:0;}
#menu li a.b4_selected:hover{background-position:-638px -80px;top:0;left:0;}

#body{
	border-left:1px solid #7F7F7F;
	border-right:1px solid #7F7F7F;
}
/* left menu */
#left_td{vertical-align:top;}
#left{
	float:left;
	width:279px;
	text-align:left;
}
#sidebar{padding:20px 0 0 12px;}
#left dl{padding:0;}
#left dt{}
#left dd{line-height:1.5;font-size:13px;padding:6px 12px 20px 0;}
#proj_ttl p{margin:0 0 3px 0;}

/* right contents */
#right_td{vertical-align:top;}
#right{
	float:right;
	width:680px; /* 579px */
	text-align:left;
}
#contents{
	padding:20px 12px 30px 12px;
}
h2{background:url(/img/h2.gif) left bottom no-repeat;}
h2{padding:10px 0 15px 50px;font-size:100%;font-family:Verdana;font-weight:bold;}
h3{background:url(/img/h3_bg.gif) no-repeat;height:35px;margin:0 0 0px 0;padding:15px 5px 5px 40px;font-size:100%;font-family:'ＭＳ Ｐゴシック';font-weight:bold;} /* 136B26 */
h4{margin:0 0 10px 0;padding:5px 10px;font-size:100%;font-family:'ＭＳ Ｐゴシック';font-weight:bold;color:#136B26;background:#E7F4C8;}
h4 p{border-left:16px solid #8FD18A;padding-left:6px;}
h5{margin:0 0 10px 0;padding:5px 10px;font-size:100%;font-family:'ＭＳ Ｐゴシック';font-weight:bold;color:#136B26;border-bottom:3px solid #518C5E;} /* 136B26 */

div.h2{margin:0 0 20px 0;line-height:1.3;}
div.h3{margin:0 0 20px 0;line-height:1.3;}
div.h4{margin:0 0 20px 0;line-height:1.3;}
div.h5{margin:0 0 20px 0;line-height:1.3;}

p.txt{
line-height:1.5;font-size:14px;
}
div.txt{
line-height:1.5;font-size:14px;
}
p.ymd{
text-align:right;
}
p.u{background:url(/img/p.gif) left bottom no-repeat;}
a.no_hand{cursor:default;}

/* footer part */
#footer{
	border:solid #7F7F7F;
	border-width:0 1px 1px 1px;
	clear:both;
	height:100px;
}
#footer p.up{text-align:right;padding:25px 20px 10px 0;font-size:13px;}
#footer p.up span{color:#44B9D4;}
#footer p.cnt{float:right;padding:0 20px 0 0;}
#address{
	height:30px;text-align:left;line-height:1.5;padding:8px 0 0 20px;font-weight:bold;
	font-family:Verdana;font-size:12px;color:#656565;
}
#address a{
	text-decoration:none;
	color:#656565;
}
/* text area */
input.txt{
	margin:2px 0;
	border:1px solid #518C5E;
	background:#ffffcc;
	padding:3px 3px;
	font-family:'ＭＳ Ｐゴシック',osaka;
	font-size:13px;
	color:#373737;
}
textarea{
	margin:2px 0;
	border:1px solid #518C5E;
	background:#ffffcc;
	padding:3px 3px;
	font-family:"ＭＳ ゴシック","MS Gothic","平成角ゴシック","HeiseiKakuGothic","ＭＳ Ｐゴシック","MS PGothic","Osaka","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,Arial,Helvetica,sans-serif; /* 'ＭＳ Ｐゴシック',osaka; */
	font-size:13px;
	color:#373737;
	line-height:1.5;
}
select.txt{
	margin:2px 0;
	border:1px solid #518C5E;
	background:#ffffcc;
	padding:2px 3px;
	font-family:'ＭＳ Ｐゴシック',osaka;
	font-size:13px;
	color:#373737;
}

/* button */
input.btn{background:#518C5E;font-weight:bold;color:#ffffff;padding:2px 1px 1px 1px;}
input.navibtn{background:#518C5E;font-weight:bold;color:#ffffff;padding:5px 10px 4px 10px;}
div.btn_bg{background:#E7F4C8;text-align:center;padding:10px;border-top:10px solid #ffffff;}

span.cur,
span.jump,
span.move{line-height:1.0;padding:3px 5px;background:#ffffff;border:1px solid #BDE7BF;}
span.cur{font-weight:bold;color:#136B26;background:#ffffcc;}

/* decoration */
strong{color:#DA3F31;font-weight:bold} /* cc0000 */
em{font-style:normal;font-weight:bold;}
b{color:#161F56;}
.fix b{color:#000;}
.err{color:#cc0000;font-weight:bold;}
.verdana{font-family:Verdana;font-size:13px;}
.rt{text-align:right;}
.lt{text-align:left;}
.ct{text-align:center;}

/* data list */
table.datalist{width:100%;border-top:1px solid #CCC;border-left:1px solid #CCC;}
table.datalist th{line-height:1.5;font-size:14px;text-align:left;border-top:1px solid #FFF;border-bottom:1px solid #C6CDDE;border-right:1px solid #CCC;background:#E7F4C8;padding:2px 3px 2px 5px;color:#161F56;}
table.datalist td{line-height:1.5;font-size:14px;text-align:left;border-top:1px solid #FFF;border-bottom:1px solid #CCC;border-right:1px solid #DDD;padding:2px 3px 2px 5px;}


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


#page_view p.ymd{
	margin:0 0 12px 0;
	padding:0;
	text-align:right;
	font-family:Verdana;
}
#page_view p.ymd{
	margin:0 0 12px 0;
	padding:0;
	text-align:right;
	font-family:Verdana;
}
#page_view h4{
	margin:14px 0 12px 0; /* 14px:for rect style */
	border:1px solid Gray;
	padding:3px 6px;
	font-size:110%; /* 1.1em; medium */
	font-weight:bold;
	line-height:1.5;
}
#page_view h5{
	margin:6px 0 12px 0;
	border-bottom:1px dashed Gray;
	padding:3px 6px;
	font-size:100%; /* 1em; small */
	font-weight:bold;
	line-height:1.5;
}
/* line */
#page_view blockquote{
	margin:12px 12px; /* margin:6px 12px; */
	border:1px dashed Gray;
	padding:3px 6px;
}
/* list */
#page_view ul,ol{
	margin:12px 12px 12px 32px;
	padding:0;
}
#page_view li{
	margin:0;
	padding:0;
}
#page_view dl{
	margin:12px 12px;
	padding:0;
}
#page_view dt{
	margin:0;
	padding:0;
	font-weight:bold;
}
#page_view dd{
	margin:0 0 0 42px;
	padding:0;
}
/* table */
#page_view table{
	margin-top:12px;
	margin-bottom:12px;
	border-collapse:collapse;
}
#page_view th,
#page_view td{
	border:1px solid Gray;
	padding:3px;
}
#page_view th{
	background:#ededed;
}
/* img */
#page_view table.img{
	display:inline; /* Safariはloose.dtd指定時はinlineにならない */
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
	/* vertical-align:top; FF2で崩れる(FF3はtopを指定しなくてもtopになる) */
}
html>body #page_view table.img{display:inline-table;} /* IE7とモダンブラウザ(Safari含む) */
* html #page_view table.img{vertical-align:top;} /* IE4-6 */
*:first-child+html #page_view table.img{vertical-align:top;} /* IE7 */

#page_view table.img img{
	border:0;
}
#page_view table.img td{
	border:0; /* border:1px solid Gray; debug */
	text-align:left; /* ★ */
	vertical-align:top;
}
#page_view table.img td.img{
	padding:3px 3px 3px 2px; /* 120px×4枚＋(2+3=)5px×4＝500px */
	line-height:1.0;
}
#page_view table.img td.alt{
	line-height:1.5;
	font-size:14px; /* font-size:100%; ★ 90%->100% loose.dtd指定で標準モード表示のため */
	/* padding:0 0 0 12px;
	background:url(/img/dot/red.gif) no-repeat 0 5px; */
}
#page_view table.img td.img2{ /* 幅500pxの場合 */
	padding:3px 0 3px 0;
	line-height:1.0;
}
#page_view table.img td.alt2{
	line-height:1.5;
	font-size:14px; /* font-size:100%; ★ 90%->100% loose.dtd指定で標準モード表示のため */
	/* padding:0 0 0 12px;
	background:url(/img/dot/gray.gif) no-repeat 0 5px; */
}
/* file */
#page_view table.attach{
	display:inline;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
}
#page_view table.attach img{
	border:0;
}
#page_view table.attach td{
	border:0; /* border:1px solid Gray; debug */
}
#page_view table.attach td.icon{
	padding:3px;
	line-height:1.0;
}
#page_view table.attach td.ttl_licn{ /* large icon */
	padding:3px 6px 3px 6px;
	line-height:1.5;
	font-size:90%; /* 0.9em; */
}
#page_view table.attach td.ttl_icon{ /* medium icon */
	padding:3px 6px 3px 4px;
	line-height:1.3;
	font-size:90%; /* 0.9em; */
}
#page_view table.attach td.ttl_sicn{ /* small icon */
	padding:3px 6px 3px 2px;
	line-height:1.5;
	font-size:90%; /* 0.9em; */
}
/* zoomimg */
#page_view div.img_txt{
	margin:10px 0 10px 0;
	text-align:left;
}
/* listview */
#page_view div.list_view{
	clear:right;
	margin:10px 0 0 0;
	border-top:1px dotted gray;
	padding:10px 0 0 0;
}
#page_view div.list_view_top{
	margin:0
	padding:0;
}
#page_view div.list_view dl,
#page_view div.list_view_top dl{
	margin:0 0 5px 0;
	padding:0;
}
#page_view div.list_view dt,
#page_view div.list_view_top dt{
	clear:left;
	float:left;
	width:100px;
	font-weight:bold;
	background:url(/img/dot/red.gif) no-repeat 90px 5px;
}
#page_view div.list_view dd,
#page_view div.list_view_top dd{
	margin:0 0 0 100px;
	padding:0;
}
#page_view hr.list_top{
	margin:5px 0;
}
#page_view hr.list_btm{
	margin:5px 0;
}
/* more */
#page_view div.more{
	margin:10px 0 10px 0;
	text-align:left;
}
/* link */
#page_view a:link,
#page_view a:visited{
	color:#0000f0;text-decoration:underline;
}
#page_view a:hover,
#page_view a:active{
	color:#EF7000;text-decoration:underline;
}
/* decoration */
em,strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
u{
	text-decoration:none; /* underline */
	border-bottom:2px solid gray;
}
i{
	font-style:italic;
}
b{
	font-weight:bold;
}
s{
	text-decoration:line-through;
}
/* img */
#page_view .img_back{
	text-align:right;
	font-size:14px;
}

/* jQuery stepcarousel style */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0;
overflow: scroll; /*leave this value alone*/
width: 425px; /*Width of Carousel Viewer itself*/
height: 75px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-left: 5px; /*margin around each panel*/
margin-right: 5px; /*margin around each panel*/
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}