@charset "utf-8";


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

body { color: #535353; font-size: 12px; font-family: メイリオ, Meiryo, "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 140%; background-position: center 0; margin:0; padding:0; }
.bodyback1 { background-image: url(../images/back1.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: #1d3994; text-decoration: none; }
a:visited { color: #941d55; text-decoration: none; }
a:hover { color: #1d3994; text-decoration: underline; }
a:active { }
form { padding: 3px; }


/* ------------------------------
全体レイアウト部分
------------------------------ */

#wrapper { background-repeat: repeat; text-align: left; width: 900px; overflow: hidden; margin: 0 auto; padding: 0; }
/* ------------------------------
ヘッダー
------------------------------ */
#header { background-image: url(../images/header.jpg); background-repeat: no-repeat; background-position: right 0; width: 100%; height: 156px; overflow: hidden; margin: 0; padding: 5px 0 0; }
#header p { margin: 0; padding: 0 10px 3px 0; }
#header p a { color: #535353; font-size: 12px; text-decoration: none; }
#header h1 { margin: 0; padding: 0 10px 3px 0; }
.logo { margin: 3px 0 0; padding: 0; }
.menu { height: 25px; overflow: hidden; margin: 0; padding: 13px 0 0; }
#globalNav { width: 456px; 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 /**/:25px;
	padding-top: 25px;
	background-image: url(../images/gnavi.gif);
}

/* サイズ */
	#nav01 { width: 60px; }
	#nav02 { width: 92px; }
	#nav03 { width: 91px; }
	#nav04 { width: 93px; }
	#nav05 { width: 120px; }



/* オーバー */
#nav01 a { background-position: -0px  0;  }
	#nav02 a { background-position: -60px  0; }
	#nav03 a { background-position: -152px 0; }
	#nav04 a { background-position: -243px 0; }
	#nav05 a { background-position: -336px 0; }
	
/* 現在位置 */
	#nav01 a.stay { background-position: -0px  -25px;  }
	#nav02 a.stay { background-position: -60px  -25px; }
	#nav03 a.stay { background-position: -152px -25px; }
	#nav04 a.stay { background-position: -243px -25px; }
	#nav05 a.stay { background-position: -336px -25px; }
/* オンマウス */
    #nav01 a:hover { background-position:  -0px     -25px; }
	#nav02 a:hover { background-position: -60px -25px; }
	#nav03 a:hover { background-position: -152px -25px; }
	#nav04 a:hover { background-position: -243px -25px; }
	#nav05 a:hover { background-position: -336px -25px; }

/* ------------------------------
トップページ
------------------------------ */
#main { width: 900px; float: none; clear: both; margin: 0; padding: 0; border-bottom-style: none; }
#main2 { background-image: url(../images/sideflower.jpg); background-repeat: no-repeat; background-position: right bottom; width: 900px; float: none; clear: both; margin: 0; padding: 0; border-bottom-style: none; }
#feed{ font-size: 11px; 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/icon.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; }
/* ------------------------------
トップページサイド
------------------------------ */
/* ------------------------------
セカンドページ以降
------------------------------ */
#panlist { color: #fff; font-size: 11px; margin: 0; padding: 2px 0 0; }
#panlist a { color: #fff; background-image: url(../images/panlist.gif); background-repeat: no-repeat; background-position: right 0; text-decoration: none; height: 27px; float: left; padding: 6px 25px 5px 10px; display: block; }
#panlist a:hover { color: #fff; text-decoration: underline; }
/* ------------------------------
センター部分
------------------------------ */

#center { line-height: 150%; width: 670px; overflow: hidden; float: left; margin: 0; padding: 0; }
#center h2 { font-size: 12px; }
#center p { font-size: 12px; }
#center2 { line-height: 140%; width: 670px; overflow: hidden; float: left; margin: 0; padding: 0; }
#center2 h2 { font-size: 13px; }
#center2 p { font-size: 12px; }
.topimage { background-image: url(../images/mainback.jpg); background-repeat: no-repeat; background-position: 0 bottom; padding-bottom: 15px; }
#left { width: 200px; overflow: hidden; float: left; margin-top: 5px; }
#left h2 { margin: 0; padding: 5px 0; }
#left .sideb { margin: 0; padding: 0 0 3px; }
#left .sideb p { font-size: 12px; margin: 0 0 5px; border-bottom: 1px dotted #c1c1c1; }
#left .sideb p a { color: #535353; background-image: url(../images/icon.gif); background-repeat: no-repeat; background-position: 0 2px; text-decoration: none; padding-top: 0; padding-bottom: 5px; padding-left: 15px; display: block; }
#left .sideb p a:hover { text-decoration: underline; }

#left .sideb4 { margin: 0; padding: 0 28px 8px 0; }
#left .sideb4 p { font-size: 11px; text-align: right; margin: 0 0 0; padding: 0; }
#left .sideb4 p a { color: #535353; background-image: url(../images/icon.gif); background-repeat: no-repeat; background-position: right 4px; text-decoration: none; margin: 0; padding: 0 15px 0 0; display: block; }
#left .sideb4 p a:hover { text-decoration: underline; }

#side .sideb4 { margin: 0; padding: 0 28px 8px 0; }
#side .sideb4 p { font-size: 11px; text-align: right; margin: 0 0 0; padding: 0; }
#side .sideb4 p a { color: #535353; background-image: url(../images/icon.gif); background-repeat: no-repeat; background-position: right 4px; text-decoration: none; margin: 0; padding: 0 15px 0 0; display: block; }
#side .sideb4 p a:hover { text-decoration: underline; }
.sideb1 { background-image: url(../images/icon2.gif); background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; }
.sideb2 { background-image: url(../images/icon3.gif); background-repeat: no-repeat; padding-top: 10px; padding-bottom: 5px; padding-left: 40px; }
.sp1 { margin: 0; padding: 3px 0 2px 0; }
.sp2 { margin: 0; padding: 3px 0 5px; }
#right { font-size: 12px; width: 460px; overflow: hidden; float: right; margin-top: 10px; }

#right ul { margin: 0; padding: 10px 3px 0 0; }
#right ul li { font-size: 12px; background-repeat: no-repeat; background-position: 0 2px; float: none; clear: both; margin: 0 0 5px; padding: 0 0 5px; border-bottom: 1px dotted #c1c1c1; list-style-type: none; }
#right ul li .date { color: #fff; font-size: 10px; background-color: #c1c1c1; overflow: hidden; float: left; margin: 0; padding: 0 8px; }
#right ul li a { background-image: url(../images/icon.gif); background-repeat: no-repeat; background-position: 0 2px; text-decoration: none; width: 337px; float: right; margin: 0; padding: 0 3px 2px 15px; display: block; }
#right ul li a:hover { text-decoration: underline; }
.rss { font-size: 12px; background-image: url(../images/rss.gif); background-repeat: no-repeat; background-position: 0 0; float: none; clear: both; padding-bottom: 4px; padding-left: 18px; }
.pright { text-align: right; padding-top: 0; padding-bottom: 15px; }
.photoline { margin: 5px; padding: 1px; border: solid 3px #eaeaea; }
.photoright { float: right; padding: 0 10px 10px; }
.photoleft { float: left; padding: 0 10px 10px; }
/* ------------------------------
サイド部分
------------------------------ */
#side { width: 220px; overflow: hidden; float: right; margin-top: 5px; margin-left: 10px; }
#side p { margin: 0; padding: 5px 0; }
#side h2 { margin: 0; padding: 5px 0; }
#side ul { padding-top: 5px; padding-bottom: 8px; }
#side ul li { background-image: url(../images/icon.gif); background-repeat: no-repeat; background-position: 0 2px; margin: 0 0 5px; padding: 0 0 2px 15px; border-bottom: 1px dotted #c1c1c1; list-style-type: none; }
#side ul li a { color: #535353; text-decoration: none; display: block; }
#side ul li a:hover { text-decoration: underline; }
#side .sideb { margin: 0; padding: 2px 0 3px; }
#side .sideb p { margin: 0; padding: 0 0 3px; }
#infonews { }
#infonews ul { margin: 0; padding: 3px 0 8px 0; }
#infonews ul li { background-image: none; margin: 3px 0 3px 0; padding: 0; border-style: none; }
#infonews ul li a { background-color: #c1c1c1; width: 210px; padding: 5px; }
#infonews ul li a:hover { background-color: #f88715; }
.icon4 { background-image: url(../images/icon4.gif); background-repeat: no-repeat; background-position: 0 4px; padding-left: 10px; }
.flower { background-image: url(../images/sideflower.jpg); background-repeat: no-repeat; background-position: right bottom; }
/*コンテンツ部分*/
.contents { margin: 0; padding: 10px; }
.contents p { font-size: 12px; padding: 8px 0; }
.contents h2 { color: #fff; font-size: 13px; background-image: url(../images/h2_back.gif); background-repeat: no-repeat; margin-top: 0; margin-bottom: 10px; padding: 8px 8px 10px 35px; }
.contents h3 { color: #262626; font-size: 13px; font-weight: normal; background-image: url(../images/back_h3.gif); background-repeat: no-repeat; background-position: 0 bottom; margin-top: 15px; margin-bottom: 15px; padding-bottom: 10px; padding-left: 12px; border-left: 4px solid #FB4949; border-top-color: #c1c1c1; border-top-width: 1px; border-right-color: #c1c1c1; border-right-width: 1px; border-bottom-color: #c1c1c1; border-bottom-width: 1px; }
.contents .coback1 { font-size: 12px; background-image: url(../images/co_back1.gif); background-repeat: no-repeat; margin: 5px 0; padding: 5px 15px 20px 30px; }
.contents .coback2 { font-size: 12px; background-image: url(../images/co_back2.gif); background-repeat: no-repeat; margin: 5px 0; padding: 3px 15px 20px 30px; }
.contents ol { padding: 0 10px 0 50px; }
.contents ol li { padding: 5px 0 10px; list-style-position: outside; }
.icon1 { background-image: url(../images/icon1.gif); background-repeat: no-repeat; background-position: 0 0; padding-left: 15px; }
.icon2 { background-image: url(../images/email.gif); background-repeat: no-repeat; padding-top: 0; padding-bottom: 3px; padding-left: 22px; }
.icon3 { background-image: url(../images/icon.gif); background-repeat: no-repeat; background-position: 0 0; padding-left: 12px; }
.moji5 { color: #878787; font-size: 11px; }
.moji4 { color: #878787; }
.moji6 { color: #262626; font-size: 13px; font-weight: bold; }
.ftb1 { background-color: #eaeaea; text-align: right; padding-right: 10px; border-right: 3px solid #820009; }
.ftb2 { padding-bottom: 15px; padding-left: 10px; }
.fform { background-color: #fffee6; width: 200px; }
.ftbline { border: solid 1px #d5d5d5; }
.under { text-align: right; padding: 30px 0 20px; }
.tb1 { background-color: #eaeaea; padding: 10px; border: solid 1px #c1c1c1; }
.tb2 { background-color: #fff; background-image: url(../../member/images/tbback.jpg); background-repeat: no-repeat; background-position: right bottom; padding: 10px; }
.tb3 { background-image: url(../images/td_center.jpg); background-repeat: repeat-y; padding: 8px 20px; }
.cotitle { background-color: #eaeaea; margin-top: 5px; margin-bottom: 0; padding: 2px 5px; }
.line11 { vertical-align: top; padding: 10px 5px 6px; border-bottom: 1px dotted #d5d5d5; }
.flowerback { background-image: url(../../company/images/flower.jpg); background-repeat: no-repeat; background-position: center; }

#sitemap ul {  }
#sitemap ul li { background-image: url(../images/icon4.gif); background-repeat: no-repeat; background-position: 0 3px; margin: 0; padding: 0 0 3px 15px; list-style-type: none; }
#sitemap ul li ul { margin: 0; padding: 5px 0 5px 3px; }
#sitemap ul li ul li { background-image: url(../images/icon.gif); background-repeat: no-repeat; margin: 0; padding: 0 0 3px 15px; list-style-type: none; }

/* ------------------------------
フッター部分
------------------------------ */
#footer { color: #535353; background-image: url(../images/back2.jpg); background-repeat: repeat-x; width: 100%; float: none; clear: both; margin: 20px 0 0; padding: 40px 0 15px; }
.footer { width: 900px; margin-right: auto; margin-left: auto; padding-bottom: 100px; }
.footer a { color: #535353; background-image: url(../images/icon.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; margin: 0 5px; padding-right: 0; padding-bottom: 0; padding-left: 15px; }
.footer a:hover { text-decoration: underline; }
#footer p { font-size: 11px; margin: 0; padding: 3px 5px 1px 0; }
.copyright { color: #fff; text-align: right; }
.footer h3 { color: #c1c1c1; font-size: 11px; font-weight: normal; text-align: right; padding-top: 10px; padding-bottom: 10px; }
/* ------------------------------
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; }