@charset "utf-8";


/* ------------------------------
共通部分
------------------------------ */

body { color: #1a1a1a; font-size: 12px; font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif; line-height: 140%; background-repeat: repeat; background-position: center 0; margin:0; padding:0; }
.bodyback1 { background-image: url(../images/bodyback1.jpg); background-repeat: repeat-x; margin: 0; padding: 0; }
.bodyback2 { background-image: url(../images/bodyback2.jpg); background-repeat: repeat-x; margin: 0; padding: 0; }
h1,h2,h3,ul,li,p { margin: 0; padding: 0; }
img { margin: 0; padding: 0; border-style: none; }
td { font-size: 12px; }

a:link { color: #155286; text-decoration: none; }
a:visited { color: #3486bf; text-decoration: none; }
a:hover { color: #3486bf; text-decoration: underline; }
a:active { }
form { padding: 3px; }
a:hover img.imgw{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.imgw { }
/* ------------------------------
全体レイアウト部分
------------------------------ */

#wrapper { background-repeat: repeat; text-align: left; width: 880px; overflow: hidden; margin: 0 auto 0; padding: 0; }
/* ------------------------------
ヘッダー
------------------------------ */
#header { background-repeat: no-repeat; background-position: right 0; width: 100%; height: 92px; overflow: hidden; margin: 0; padding: 5px 0 0 16px; }
#header p { float: left; margin: 0; padding: 0 10px 3px 0; }
#header p a { color: #535353; font-size: 12px; text-decoration: none; }
#header h1 { font-size: 11px; font-weight: normal; float: none; margin: 0; padding: 12px 0 8px; }
.logo { width: 315px; margin: 4px 0 0; padding: 0; }
.hmenu1 { font-size: 11px; width: 120px; overflow: hidden; float: right; margin: 0 12px 0 0; padding: 10px 0 0; }
.hmenu1 ul { margin: 0; padding: 0; }
.hmenu1 ul li { background-image: url(../images/icon.gif); background-repeat: no-repeat; background-position: 0 1px; margin: 0; padding: 0 0 5px 17px; list-style-type: none; }
.hmenu1 ul li a { color: #535353; text-decoration: none; margin: 0; padding: 0; }
.hmenu1 ul li a:hover { text-decoration: underline; }
.hmenu2 { font-size: 11px; width: 100px; overflow: hidden; float: right; margin: 0; padding: 10px; }
.hmenu2 ul { margin: 0; padding: 0; }
.hmenu2 ul li { background-image: url(../images/icon.gif); background-repeat: no-repeat; background-position: 0 1px; margin: 0; padding: 0 0 5px 17px; list-style-type: none; }
.hmenu2 ul li a { color: #535353; text-decoration: none; margin: 0; padding: 0; }
.hmenu2 ul li a:hover { text-decoration: underline; }
element { }
.menu { text-align: right; margin: 0; padding: 0 0 0 16px; }
#globalNav { width: 880px; height: 53px; margin: 0; padding: 0; list-style-type: none; }
#globalNav li { float: left; }
#globalNav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:53px;
	padding-top: 53px;
	background-image: url(../images/gmenu.gif);
}

/* サイズ */
	#nav01 { width: 88px; }
	#nav02 { width: 113px; }
	#nav03 { width: 98px; }
	#nav04 { width: 108px; }
	#nav05 { width: 105px; }
	#nav06 { width: 125px; }
	#nav07 { width: 105px; }
	#nav08 { width: 106px; }


/* 現在位置 */
#nav01 a { background-position: -16px  0;  }
	#nav02 a { background-position: -104px  0; }
	#nav03 a { background-position: -217px 0; }
	#nav04 a { background-position: -315px 0; }
	#nav05 a { background-position: -423px 0; }
	#nav06 a { background-position: -528px 0; }
	#nav07 a { background-position: -653px 0; }
	#nav08 a { background-position: -758px 0; }
/* オンマウス */
    #nav01 a:hover { background-position:  -16px     -53px; }
	#nav02 a:hover { background-position: -104px -53px; }
	#nav03 a:hover { background-position: -217px -53px; }
	#nav04 a:hover { background-position: -315px -53px; }
	#nav05 a:hover { background-position: -423px -53px; }
	#nav06 a:hover { background-position: -528px -53px; }
	#nav07 a:hover { background-position: -653px -53px; }
	#nav08 a:hover { background-position: -758px -53px; }
/* ------------------------------
トップページ
------------------------------ */
#main { width: 850px; float: none; clear: both; margin: 0; padding: 40px 0 0 20px; }
#main2 { width: 850px; float: none; clear: both; margin: 0; padding: 12px 0 0 15px; }
.top { background-repeat: no-repeat; text-align: center; margin: 0 0 32px; padding: 21px 0 20px; }
#error { background-repeat: no-repeat; margin: 0 0 32px; padding: 30px 0 20px 30px; }
#error p { padding-top: 10px; padding-bottom: 10px; }
.flash { width: 837px; margin: 0 auto; padding: 0; border: solid 1px #c1c1c1; }
.sub { background-repeat: no-repeat; text-align: center; margin: 0 0 20px; padding: 7px 0 0; }
#topmenu { width: 100%; padding-left: 12px; }
#topmenu ul { margin: 0; padding: 0; list-style-type: none; }
#topmenu ul li { float: left; margin: 0; padding: 0 2px; list-style-type: none; display: inline; }
#topcenter { width: 465px; overflow: hidden; float: left; margin: 0; padding: 0; }

#topcenter h2 { font-size: 12px; background-image: url(../images/top_h2.gif); background-repeat: repeat-x; background-position: 0 bottom; height: 33px; overflow: hidden; float: none; clear: both; margin-top: 0; margin-bottom: 8px; padding-bottom: 12px; }
#topcenter .t1 { float: left; }
#topcenter h2 span { float: right; padding-top: 10px; }
#topcenter h2 span a { margin-left: 8px; }

.midashih2 { font-size: 12px; background-image: url(../images/top_h2.gif); background-repeat: repeat-x; background-position: 0 bottom; height: 33px; overflow: hidden; float: none; clear: both; margin-top: 0; margin-bottom: 8px; padding-bottom: 12px; }
.midashih2 span { float: right; padding-top: 10px; }
.midashih2 span a { margin-left: 8px; }

.newlist { width: 471px; margin: 0; padding: 5px 0 22px; }
.newlist li { font-size: 12px; background-image: url(../images/icon2.gif); background-repeat: no-repeat; background-position: 0 2px; float: none; clear: both; margin: 0 0 2px; padding: 0 0 5px 15px; border-bottom-color: #c1c1c1; border-bottom-width: 1px; list-style-type: none; }
.newlist li .date { background-image: url(../images/line.jpg); background-repeat: no-repeat; background-position: right 0; width: 118px; overflow: hidden; float: left; margin: 0; padding: 0; }
.newlist li .title { background-image: url('(EmptyReference!)'); width: 332px; float: left; margin: 0; padding: 0; }
.worklist { float: none; clear: both; margin: 0; padding: 5px 0 30px; }
.worklist li { font-size: 11px; line-height: 130%; background-image: url(../../work/images/tbback2.gif); background-repeat: no-repeat; text-align: center; width: 130px; height: 114px; overflow: hidden; float: left; margin: 6px; padding: 8px 5px; border: solid 1px #c1c1c1; list-style-type: none; display: inline; }
.worklist li img { margin-bottom: 3px; }
#feed{ font-size: 12px; float: none; clear: both; margin: 5px 0 0; padding: 0; }

#feed p{ font-size: 10px; height: 3px; overflow: hidden; visibility: hidden; margin:0; padding: 0; }

#feed ul{ margin: 0; padding: 0; }


#feed li { background-image: url(../images/icon2.gif); background-repeat: no-repeat; background-position: 0 2px; margin: 0; padding: 0 0 3px 15px; border-bottom-color: #c1c1c1; border-bottom-width: 1px; list-style-type: none; }

#feed dd{ margin: 0; padding:0 0 0 0; }




.clear { float: none; clear: both; }
/* ------------------------------
トップページサイド
------------------------------ */
#topside { font-size: 11px; width: 360px; overflow: hidden; float: right; }
.tsideb { background-image: url(../images/topside_back2.gif); background-repeat: no-repeat; background-position: 0 bottom; margin: 0; padding: 0 0 20px; }
.tsidet { font-size: 11px; background-image: url(../images/topside_back1.gif); background-repeat: no-repeat; margin: 0; padding: 20px 20px 10px; }
.tsidet table { width: 100%; }
.tsidet table td { font-size: 11px; vertical-align: top; }
.tsidet a {  }
.tsidet a:hover { }
.sideblog p { font-size: 11px; margin: 0; padding: 2px 3px 2px 6px; }
.sidenomal p { font-size: 11px; margin: 0; padding: 2px 3px 2px 6px; }
.sidenomal2 p { font-size: 11px; margin: 0; padding: 2px 3px 2px 6px; }
.sidenomal3 p { font-size: 11px; margin: 0; padding: 2px 3px 2px 6px; }
.tsidet h2 { font-size: 12px; background-image: url(../images/line1.gif); background-repeat: repeat-x; background-position: 0 bottom; margin: 0 0 8px; padding: 0 0 8px; }
.sideblog { background-color: #eaeaea; margin: 5px 0; padding: 8px; }
.sidenomal { background-image: url(../images/line1.gif); background-repeat: repeat-x; margin: 12px 0 0; padding: 12px 8px 8px; }
.sidenomal2 { margin: 5px 0; padding: 8px; border-top: 1px dotted #c1c1c1; border-bottom: 1px dotted #c1c1c1; }
.sidenomal3 { background-repeat: repeat-x; margin: 0; padding: 0; }
.sidecontents { font-size: 11px; background-image: url(../images/line1.gif); background-repeat: repeat-x; margin: 20px 0 5px; padding: 8px; }
.sidecontents p { font-size: 10px; padding: 0 2px 1px 5px; }
.sidecontents td { font-size: 11px; line-height: 140%; }
.line1 { padding-top: 8px; padding-bottom: 5px; border-bottom: 1px dotted #c1c1c1; }
.line2 { border: solid 1px #c1c1c1; }
.line11 { font-size: 11px; padding: 5px 3px; border-bottom: 1px dotted #c1c1c1; }
.line12 { margin: 0; padding-top: 10px; padding-bottom: 6px; border-bottom: 1px solid #c1c1c1; }
.line13 { margin-top: 10px; margin-bottom: 10px; padding: 10px 0 15px; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; }
.linetop { border: solid 1px #eaeaea; }
.icon3 { background-image: url(../images/icon3.gif); background-repeat: no-repeat; background-position: 0 1px; padding-left: 14px; }
.icon4 { background-image: url(../images/icon4.gif); background-repeat: no-repeat; background-position: 0 1px; padding-left: 14px; }
.icon5 { background-image: url(../images/rsss.gif); background-repeat: no-repeat; background-position: 0 2px; padding-left: 14px; }
.icon6 { background-image: url(../images/icon11.gif); background-repeat: no-repeat; padding-bottom: 10px; padding-left: 16px; }
.topbanner { background-image: url(../images/topb_back.gif); background-repeat: no-repeat; margin: 0; padding: 15px; }
.bb { text-align: center; }
.blogunder { background-color: #fff; text-align: right; margin: 0 0 10px; padding: 5px; border-top: 1px solid #9a9a9a; }
.comment { background-image: url(../images/comment.gif); background-repeat: no-repeat; padding: 2px 8px 3px 18px; }
.clock { background-image: url(../images/clock.gif); background-repeat: no-repeat; padding: 2px 8px 3px 18px; }
.hito { background-image: url(../images/hito.gif); background-repeat: no-repeat; padding: 2px 8px 3px 18px; }
#areainfo { color: #757575; font-size: 10px; margin-top: 25px; margin-bottom: 10px; padding: 0; border: solid 1px #d5d5d5; }
#areainfo h3 { font-size: 10px; font-weight: normal; background-color: #eaeaea; margin: 0; padding: 3px 5px; border-style: none; }
#areainfo .title { font-size: 10px; font-weight: normal; background-color: #eaeaea; margin: 0; padding: 3px 5px; border-style: none; }
#areainfo p { font-size: 10px; padding: 3px 5px 5px; }
/* ------------------------------
セカンドページ以降
------------------------------ */
#panlist { font-size: 11px; padding-left: 23px; }
/* ------------------------------
センター部分
------------------------------ */

#center { line-height: 150%; width: 590px; overflow: hidden; float: right; margin: 0; padding: 7px 10px 0 0; }
#center p {  }
#center h2 { color: #262626; font-size: 14px; font-weight: bold; background-image: url(../images/sub_h2.gif); background-repeat: no-repeat; float: none; clear: both; margin: 0; padding: 5px 0 20px 20px; }
#center h2 .t1 { float: left; }
#center h2 span.newlist2d { float: right; padding-top: 0; }
#center h3 { color: #343434; font-size: 14px; font-weight: bold; margin: 18px 0 10px; padding: 0 0 0 8px; border-left: 5px solid #878787; }
#center h4 { color: #262626; font-size: 14px; background-position: 0 2px; margin-top: 0; margin-bottom: 2px; padding-left: 2px; }
.pagetop { text-align: right; padding-top: 20px; padding-bottom: 20px; }

.worklist2 { float: none; clear: both; margin: 0; padding: 5px 0 20px; }
.worklist2 li { font-size: 11px; line-height: 130%; background-image: url(../../work/images/tbback.gif); background-repeat: no-repeat; text-align: center; width: 98px; height: 93px; overflow: hidden; float: left; margin: 6px; padding: 8px 3px; border: solid 1px #c1c1c1; list-style-type: none; display: inline; }
.worklist2 li img { margin-bottom: 3px; }
.titlesp { height: 30px; overflow: hidden; margin: 0; padding: 0; }
.genre { }
.genre td { font-size: 11px; vertical-align: top; padding-top: 5px; padding-bottom: 20px; }
.genre td a { font-size: 12px; margin-bottom: 10px; padding: 0; }
.genre td a:hover { text-decoration: underline; }
.under { float: none; clear: both; margin: 0; padding: 20px 0 0; }

div.number { font-size: 11px; padding:3px 0 3px 3px; margin:3px 0 20px 3px; text-align:right; }

div.number a { padding: 2px 5px; margin-right: 2px; border: solid 1px #c1c1c1; text-decoration: none; color: #646464; background-image: url(../images/number.gif); background-repeat: repeat-x; margin-left: 2px; }
div.number a:hover, div.pagination a:active { color: #8b7a69; padding: 2px 5px; margin-right: 2px; margin-left: 2px; border: solid 1px #8b7a69; }
.catelist { margin-top: 20px; margin-bottom: 30px; padding: 12px; border: solid 1px #c1c1c1; }
.catelistsp { background-color: #fff; margin: 0; padding: 12px; border: solid 1px #c1c1c1; }
.catetb { padding-left: 15px; }
.pickup a,.catelist a,.catelistsp a { color: #8b7a69; margin: 0; padding: 0 0 0 0; }
.gaiyo { font-size: 12px; line-height: 18px; height: 70px; overflow: hidden; margin: 5px 0 5px 0; padding: 0; }
.gaiyo p { margin: 0; padding: 0; }
.pickup { background-color: #ececec; background-image: url(../images/pickup.gif); background-repeat: no-repeat; margin: 20px 0 30px 0; padding: 35px 15px 15px; border: solid 1px #c1c1c1; }
.photoback { background-image: url(../images/photo_back.gif); background-repeat: no-repeat; margin-top: 20px; margin-bottom: 20px; padding: 23px 30px 30px 25px; }
.photosize { width: 544px; }
.cate { font-size: 11px; background-image: url(../images/cate.gif); background-repeat: no-repeat; padding: 3px 5px 3px 70px; border: solid 1px #d5d5d5; }
.entrypage { line-height: 150%; margin: 0; padding: 0; }
.entrypage p { line-height: 160%; margin: 0; padding: 10px 0; }
#entryex p { line-height: 150%; margin: 0; padding: 2px 0; }


.entrypage2 { line-height: 170%; margin: 0; padding: 0; }
.entrypage2 p { font-size: 13px; line-height: 180%; margin: 0; padding: 12px 0 14px; }
.entrypage2 .photoleft { font-size: 11px; float: left; margin: 10px 25px 12px 0; padding: 0; }
.entrypage2 .photoright { font-size: 11px; float: right; margin: 10px 0 15px 25px; padding: 0; }
.entrypage2 .photo1 { float: left; margin: 0 0 2px; padding: 0; }
.entrypage2 .photo2 { float: right; margin: 0 0 2px; padding: 0; }
.entrypage2 .photo3 { margin: 0 0 2px; padding: 1px; border: solid 3px #eaeaea; }
.entrypage2 .photo4 { margin: 0 0 2px; padding: 1px; border: solid 3px #eaeaea; }
.entrypage2 .photon { margin: 0; padding: 1px; border: solid 3px #eaeaea; }
#subphoto { margin: 20px 0; padding: 0; }

#subphoto .tbsp { font-size: 11px; background-color: #eaeaea; text-align: center; width: 168px; overflow: hidden; margin: 6px; padding: 8px 5px 5px; }
#subphoto img { margin: 0; padding: 0; border: solid 1px #d5d5d5; }
.ex { margin-bottom: 20px; }
.ex ul li { background-image: url(../images/icon6.gif); background-repeat: no-repeat; background-position: 0 2px; margin-bottom: 2px; padding-left: 18px; list-style-type: none; }

.ex2 { margin-bottom: 20px; }
.ex2 li { background-image: url(../images/icon6.gif); background-repeat: no-repeat; background-position: 0 2px; margin-bottom: 10px; padding-left: 18px; list-style-type: none; }
.ex2 li a {  }
.ex2 li a:hover { text-decoration: underline; }
.answer { background-color: #f3f2f1; background-image: url(../../collabo/images/a.gif); background-repeat: no-repeat; background-position: 10px 10px; margin: 30px 20px; padding: 5px 20px 10px 45px; border: solid 1px #d5d5d5; }
/* ------------------------------
サイド部分
------------------------------ */
#subside { width: 240px; overflow: hidden; float: left; margin: 0; padding: 0; }
#subside ul { padding: 0; }
.sidebanner { background-image: url(../images/sideb_back.gif); background-repeat: no-repeat; margin: 0; padding: 11px 14px 14px; }
.sideb { background-image: url(../images/sideb_back2.gif); background-repeat: no-repeat; background-position: 0 bottom; margin: 0; padding: 0 0 20px; }
#ulback { background-image: url(../images/icon10.gif); background-repeat: repeat-y; background-position: 0 0; margin: 0 0 20px; padding: 0; }
#ulback li { margin: 0; padding-right: 0; }
.sidet { font-size: 11px; background-image: url(../images/side_back1.gif); background-repeat: no-repeat; margin: 0; padding: 20px 25px 0 16px; }
.sidet h2 { font-size: 12px; background-image: url(../images/line1.gif); background-repeat: repeat-x; background-position: 0 bottom; margin: 0 0 5px; padding: 0 0 10px; }
.sidet ul { margin: 0; padding: 0; }
.sidet ul li { margin-top: 0; margin-right: 0; margin-bottom: 0; padding-right: 0; list-style-type: none; }
.sidet ul li a { color: #1a1a1a; text-decoration: none; margin: 0; padding: 0; display: block; }
.sidet ul li a:visited { text-decoration: none; }
.sidet ul li a:hover { text-decoration: underline; margin: 0; padding: 0; }

.sidet2 { font-size: 11px; background-image: url(../images/side_back1.gif); background-repeat: no-repeat; margin: 0; padding: 20px 25px 0 16px; }
.sidet2 h2 { font-size: 12px; background-image: url(../images/line1.gif); background-repeat: repeat-x; background-position: 0 bottom; margin: 0 0 5px; padding: 0 0 10px; }
.stitle { font-size: 12px; background-image: url(../images/line1.gif); background-repeat: repeat-x; background-position: 0 bottom; margin: 0 0 5px; padding: 0 0 10px; }
.sidet2 ul { margin: 0; padding: 0; }
.sidet2 ul li { margin-top: 0; margin-right: 0; margin-bottom: 0; padding-right: 0; list-style-type: none; }
.sidet2 ul li a { color: #155286; text-decoration: none; margin: 0; padding: 0; display: block; }
.sidet2 ul li a:visited { color: #3486bf; text-decoration: none; }
.sidet2 ul li a:hover { color: #3486bf; text-decoration: underline; margin: 0; padding: 0; }


.normal { background-image: url(../images/icon7.gif); background-repeat: no-repeat; margin: 0; padding: 4px 0 4px 17px; }
.first { background-color: #fff; padding-top: 4px; padding-bottom: 4px; }
.subside2 { margin-bottom: 15px; }
.subside2 li {  }
.end { background-color: #fff; background-image: url(../images/icon8.gif); background-repeat: no-repeat; margin: 0; padding: 4px 0 4px 17px; }
.arrow1 { background-image: url(../images/icon9.gif); background-repeat: no-repeat; background-position: 0 2px; margin-bottom: 5px; padding-top: 4px; padding-bottom: 4px; padding-left: 17px; border-bottom: 1px dotted #d5d5d5; }
.arrow2 { background-image: url(../images/icon9.gif); background-repeat: no-repeat; background-position: 0 2px; margin-bottom: 8px; margin-left: 14px; padding-top: 4px; padding-bottom: 4px; padding-left: 17px; border-bottom: 1px dotted #d5d5d5; }
.entrytag { color: #343434; font-size: 14px; font-weight: bold; background-image: url(../images/tag.jpg); background-repeat: no-repeat; margin: 18px 0 2px; padding: 2px 0 5px 35px; }

/* ------------------------------
フッター部分
------------------------------ */
#footer { color: #535353; background-image: url(../images/footer.gif); background-repeat: repeat-x; text-align: center; width: 100%; float: none; clear: both; margin: 20px 0 0; padding: 30px 0 15px; }
.footer { width: 840px; margin-right: auto; margin-left: auto; }
.footer a { color: #535353; background-image: url(../images/icon.gif); background-repeat: no-repeat; background-position: 0 -1px; text-decoration: none; margin: 0 5px; padding: 0 0 0 15px; }
.footer a:hover { text-decoration: underline; }
#footer p { font-size: 11px; text-align: right; margin: 0; padding: 3px 5px 1px; }
.footer h3 { color: #c1c1c1; font-size: 11px; font-weight: normal; text-align: right; padding-top: 10px; padding-bottom: 10px; }
.moji1 { color: #502606; font-weight: normal; }
.moji2 { font-size: 11px; line-height: 130%; }
.ftb1 { text-align: right; padding-right: 10px; border-right: 3px solid #8b7a69; }
.ftb2 { padding-bottom: 15px; padding-left: 10px; }
.moji3 { color: #8B7A69; font-size: 10px; }
.moji4 { color: #b9000d; }
.moji5 { color: #878787; }
.moji6 { color: #535353; font-size: 45px; }
.entrypage2 p.midashi { color: #262626; font-size: 14px; font-weight: bold; margin: 0 0 0; padding: 0 0 0 8px; border-left: 5px solid #878787; }
/* ------------------------------
BLOGコンテンツ部分
------------------------------ */
.blogtop { background-image: url(../images/blog_top.gif); background-repeat: no-repeat; margin: 0; padding: 0; }
.blogbottom { background-image: url(../images/blog_under.gif); background-repeat: no-repeat; background-position: left bottom; margin: 0 0 60px; padding: 20px 25px 25px 20px; }

.commentform { background-color: #eaeaea; width: 250px; }
.commentform2 { background-color: #eaeaea; width: 300px; }
.commentform3 { background-color: #eaeaea; width: 450px; height: 200px; }
.commentform4 { width: 450px; height: 200px; }
.tra { background-image: url(../images/page.gif); background-repeat: no-repeat; padding: 2px 8px 3px 18px; }
.tra2 { background-image: url(../images/page.gif); background-repeat: no-repeat; margin: 0; padding: 2px 0 3px 18px; }
.under2 { text-align: right; float: none; clear: both; margin: 20px 0; padding: 8px 5px 5px 10px; border-top: 1px solid #c1c1c1; }
.under3 { background-color: #eaeaea; padding: 15px; }
.color1 { color: #fff; background-color: #8b7a69; }
.color2 { color: #fff; background-color: #3486bf; }
.color3 { color: #fff; background-color: #568a29; }
.color4 { background-color: #def6ff; }
.color5 { background-color: #eefff2; }
.ma1 { padding-top: 35px; }
.ma2 { vertical-align: top; padding-top: 12px; }
.za { color: #343434; font-size: 13px; background-image: url(../../recruit/images/6.jpg); background-repeat: no-repeat; background-position: 0 5px; vertical-align: top; margin-top: 0; padding-top: 10px; padding-left: 35px; border-bottom: 1px dotted #d5d5d5; }
.za2 { color: #343434; font-size: 13px; background-image: url(../../recruit/images/10.jpg); background-repeat: no-repeat; background-position: 0 5px; vertical-align: top; margin-top: 0; padding-top: 10px; padding-left: 35px; border-bottom: 1px dotted #d5d5d5; }
.za3 { color: #343434; font-size: 13px; background-image: url(../../recruit/images/11.jpg); background-repeat: no-repeat; background-position: 0 5px; vertical-align: top; margin-top: 0; padding-top: 10px; padding-left: 35px; border-bottom: 1px dotted #d5d5d5; }
.za4 { color: #343434; font-size: 13px; background-image: url(../../recruit/images/12.jpg); background-repeat: no-repeat; background-position: 0 5px; vertical-align: top; margin-top: 0; padding-top: 10px; padding-left: 35px; border-bottom: 1px dotted #d5d5d5; }
.zama { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #d5d5d5; }
.tbh3 { color: #262626; font-size: 13px; border-bottom-color: #878787; border-left-color: #878787; }
.tbh3 a { color: #262626; }
.tbh3 a:visited { color: #262626; text-decoration: none; }
.tbh3 a:hover { text-decoration: underline; }
.catephoton { margin: 0; padding: 1px; border: solid 3px #eaeaea; }
.tbtbtb { background-repeat: no-repeat; padding-left: 0; }
.tbtbtb p a { background-image: url(../images/tbtbtb.jpg); background-repeat: no-repeat; background-position: 0 3px; padding-bottom: 0; padding-left: 18px; display: block; }
/* ------------------------------
CSSハック
------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-table;zoom:1;}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 100%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


.art1 { background-image: url(news/art/5.jpg); background-repeat: no-repeat; background-position: 0 112px; }
.art2 { font-size: 11px; line-height: 100%; margin: 0; padding: 10px 50px 5px 45px; }
.art3 { font-size: 11px; line-height: 100%; margin: 0; padding: 10px 0 5px; }