@charset "UTF-8";


/* event NewWin */

#event {padding:15px 0;}

.pdfDL{
	width:700px;
	margin:20px auto 0;
	text-align:left;
}

.close{width:830px; margin:15px auto 0; text-align:right;}



/* event 201009 */ 
#eve_wrapper{ width:830px; margin:0 auto;}
#eve_contents{ float:right; width:708px;}
#eve_contents p{ font-size:16px; line-height:180%; text-align:left;}

#gallery{width: 708px;}
#gallery ul li{ float:left; margin-right:8px;}
#gallery ul li.end{ margin:0;}


/* 回り込み解除 
----------------------------------------------------------------------------------*/

.clear { clear:both; }  
.clear hr { display:none; }  




/* tools 
----------------------------------------------------------------------------------*/

.mt05{ margin-top:5px}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.mt30{ margin-top:30px}
.mt40{ margin-top:40px}
.mt50{ margin-top:50px}

.mb05{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mb50{ margin-bottom:50px}

.ml05{ margin-left:5px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}
.ml30{ margin-left:30px}

.mr05{ margin-right:5px}
.mr10{ margin-right:10px}
.mr15{ margin-right:15px}
.mr20{ margin-right:20px}
.mr30{ margin-right:30px}

.mtb05{ margin-top:5px;margin-bottom:5px}
.mtb10{ margin-top:10px;margin-bottom:10px}
.mtb15{ margin-top:15px;margin-bottom:15px}
.mtb20{ margin-top:20px;margin-bottom:20px}
.mtb30{ margin-top:30px;margin-bottom:30px}
.mtb50{ margin-top:50px;margin-bottom:50px}

.left{ float:left}
.right{ float:right}





/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {

	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}








/* jQuery lightBox plugin - Gallery style */

#phup01 { width: 470px; margin:10px 0px 10px 0px;} 
#phup02 { width: 470px; margin:10px 0px 10px 0px;} 

#phup03 { width: 470px; margin:10px 0px 10px 0px;} 
/*#phup03 li{ width:110px;  text-align:center; font-size:10px; line-height:130%; float:left;}*/

#phup04 { width: 470px; margin:10px 0px 10px 0px;} 
#phup05 { width: 470px; margin:10px 0px 10px 0px;} 
#phup06 { width: 470px; margin:10px 0px 10px 0px;} 
#phup07 { width: 470px; margin:10px 0px 10px 0px;} 
#phup08 { width: 470px; margin:10px 0px 10px 0px;} 
#phup09 { width: 470px; margin:10px 0px 10px 0px;} 
#phup10 { width: 470px; margin:10px 0px 10px 0px;} 

.phup-cap{ font-size:10px; line-height:130%;}

.phup-cap-pad{ font-size:10px; line-height:130%; padding-right:10px;}








#phup11 { width: auto; margin:0px 0px 0px 0px;} 
#phup12 { width: auto; margin:0px 0px 0px 0px;} 

#phup13 { width: auto; margin:0px 0px 0px 0px;} 

/*#phup03 li{ width:110px;  text-align:center; font-size:10px; line-height:130%; float:left;}*/

#phup14 { width: auto; margin:0px 0px 0px 0px;} 
#phup15 { width: auto; margin:0px 0px 0px 0px;} 
#phup16 { width: auto; margin:0px 0px 0px 0px;} 
#phup17 { width: auto; margin:0px 0px 0px 0px;} 
#phup18 { width: auto; margin:0px 0px 0px 0px;} 
#phup19 { width: auto; margin:0px 0px 0px 0px;} 
#phup20 { width: auto; margin:0px 0px 0px 0px;} 








/* common settings
----------------------------------------------------------------------------------*/


body {
	color:#333333;
	text-align:center;
	background:#FFFFFF;
}



/* link */

a:link {color:#006BBE; text-decoration:underline;}
a:visited {color:#006BBE; text-decoration:underline;}
a:hover {color:#FF9999; text-decoration:none;}
a:active {color:#FF0000; text-decoration:underline;}



/* whole */

#whole {width:830px; margin:0 auto; text-align:left;}
#contents {width:830px; overflow:hidden;}
#main {float:right; width:580px;}
#side {float:left; width:210px;}


/* head */

#header {
	width:830px;
	height:190px;
	background:url(../images/common/header_background.png) no-repeat;
	position:relative;
}
#header h1,#header #logo {
	position:absolute;
	top:30px;
	left:30px;
	width:252px;
	height:63px;
}
#header p {
	position:absolute;
	top:0;
	left:0;
	padding:5px 10px;
}
#header p a {text-decoration:none; color:#333333;}

#header #information {
	position:absolute;
	top:42px;
	left:455px;
	width:365px;
	height:26px;
}
#information li {
	float: left;
}
#information li a {
	text-decoration: none;
}


/* foot */

#footer {width:830px; margin-top:30px;}
#footer #pageUp {
	width:830px;
	margin-bottom:8px;
	text-indent:-9999px;
	border-bottom:1px solid #91CD32;
}
#footer #pageUp a {
	float:right;
	width:71px;
	height:13px;
	text-decoration: none;
	text-indent:-9999px;
	background:url(../images/common/btn_pageup.gif) no-repeat right top;
	display:block;
}
#footer address {padding:7px;
	font-size:10px;
	line-height:1em;
	color:#FFFFFF;
	background:#91CD32;
}

#pageUp{display:inline-table;}
/*\*/
#pageUp:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#pageUp{display:block;}
/**/





/* main navi 830px */
ul#mainNavi {
	width:830px;
	height:24px;
	top:138px;
	left:0;
	position:absolute;
}
ul#mainNavi li {
	float: left;
	height: 24px;
}
ul#mainNavi li a {
	text-decoration: none;
}

#mainNavi{display:inline-table;}
/*\*/
#mainNavi:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#mainNavi{display:block;}
/**/


/* sub navi */
ul#subNavi {
	width:283px;
	height:12px;
	top:117px;
	margin-left:540px;
	position:absolute;
	list-style:none;
	line-height:12px;
}
ul#subNavi li {
	float: left;
	margin-right:10px;
}
ul#subNavi li a {
	text-decoration: none;
}

#subNavi{display:inline-table;}
/*\*/
#subNavi:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#subNavi{display:block;}
/**/



#sideNavi {
	margin:0;
	padding:0;
	}
#sideNavi li {
	margin-bottom:8px;
	line-height:14px;
	}
#sideNavi li a {
	display:block;
	padding:1px 0 2px 20px;
	background:url(../images/common/arrow.gif) no-repeat 0 0;
	}
#sideNavi li a.current {
	color:#FF6633;
	background:url(../images/common/arrow.gif) no-repeat 0 -100px;
	}
#sideNavi li a:hover {
	background:url(../images/common/arrow.gif) no-repeat 0 -100px;
	}

#sideNavi li .sideSub {
	margin-left:20px;
	padding-bottom:5px;
	}
#sideNavi li .sideSub li {
	margin-top:3px;
	margin-bottom:0;
	}
#sideNavi li .sideSub li a {
	padding:1px 0 2px 15px;
	background:url(../images/common/arrow_circle.gif) no-repeat 0 0;
	}
#sideNavi li .sideSub li a.current {
	background:url(../images/common/arrow_circle.gif) no-repeat 0 -100px;
	}
#sideNavi li .sideSub li a:hover {
	background:url(../images/common/arrow_circle.gif) no-repeat 0 -100px;
	}

/* side new 20090707 */
.sideNavi {
	margin:15px 0;
	padding:15px 0 7px;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	}
.sideNavi li {
	margin-bottom:8px;
	line-height:14px;
	}
.sideNavi li a {
	display:block;
	padding:1px 0 2px 20px;
	background:url(../images/common/arrow.gif) no-repeat 0 0;
	}
.sideNavi li a.current {
	color:#FF6633;
	background:url(../images/common/arrow.gif) no-repeat 0 -100px;
	}
.sideNavi li a:hover {
	background:url(../images/common/arrow.gif) no-repeat 0 -100px;
	}

.sideNavi li .sideSub {
	margin-left:20px;
	padding-bottom:5px;
	}
.sideNavi li .sideSub li {

	margin-top:3px;
	margin-bottom:0;
	}
.sideNavi li .sideSub li a {
	padding:1px 0 2px 15px;
	background:url(../images/common/arrow_circle.gif) no-repeat 0 0;
	}
.sideNavi li .sideSub li a.current {
	background:url(../images/common/arrow_circle.gif) no-repeat 0 -100px;
	}
.sideNavi li .sideSub li a:hover {
	background:url(../images/common/arrow_circle.gif) no-repeat 0 -100px;
	}
/*20090724*/
.HST2 {
	margin-top:15px;
	padding-top:15px;
	border-top:1px dotted #CCC;
}
.sideNaviST2 {
	margin-top:5px;
	}
.sideNaviST2 li {
	margin-bottom:8px;
	line-height:14px;
	}
.sideNaviST2 li a {
	display:block;
	padding:1px 0 2px 20px;
	background:url(../images/common/arrow.gif) no-repeat 0 0;
	}
.sideNaviST2 li a.current {
	color:#FF6633;
	background:url(../images/common/arrow.gif) no-repeat 0 -100px;
	}
.sideNaviST2 li a:hover {
	background:url(../images/common/arrow.gif) no-repeat 0 -100px;
	}



/* etc */

.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}

.aLeft {text-align:left;}
.aCenter {text-align:center;}
.aRight {text-align:right;}

.fLeft {float:left;}
.fRight {float:right;}

.colorOG {color:#FF6600;}
.colorST {color: #03C;}
.colorSU {color: #F00;}












/* default settings
----------------------------------------------------------------------------------*/


/* font */

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
table {
	font-size:inherit;
	font:100%;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Sans-Serif;
	font-size:75%;
	line-height:1.6;
}

/* 10px */
.f10 {
	font-size:83.4%;
	line-height:1.4;
}
/* 14px */
.f14 {
	font-size:116.7%;
	line-height:1.4;
}



/* browser effect clear*/
*{
	margin:0;
	padding:0;
	}

fieldset,table,th,td{
    border:none;
    }

img{
    vertical-align:bottom;
	 border:none;
    }

h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{
    margin:0;
    padding:0;
    }

ul, ol, li{
    list-style:none;
    }

address{
    font-style:normal;
    }
/* browser effect clear end */



/* Firefox link-dotted hidden */
:focus{
	-moz-outline-style:none;
	}
	
a{ 
	outline:none;
	}
/* end of Firefox link-dotted hidden */



/* hr clear */
hr{
	display:none;
	}
/* end of hr clear */



/* form inline */
form{
	display:inline;
	}
/* end of form inline */



/* float set */
br.clear {
	font-size: 1px;
	line-height: 100%;
	clear: both;
	}
/* end of float set */



/* clearfix set */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix{
	display:inline-table;
	min-height:1%;
	}
	
/* hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* end of hides from IE-mac */
/* end of clearfix set */

